/* CSS Document  dongyj*/
@charset "utf-8";
* {outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;font-family:"微软雅黑";}
html {-webkit-text-size-adjust: 100%;font-family:"微软雅黑";}
body {padding: 0;margin: 0 auto;font-size: 14px;color: #555;background-color: #fff;font-family:"微软雅黑"; min-width:1200px;-webkit-text-size-adjust: none;-webkit-tap-highlight: rgba(0,0,0,0); }
input[type="button"],
input[type="submit"],
input[type="reset"] {-webkit-appearance: none;}
ul, 
li, 
form, 
dl, 
dt, 
dd, 
div, 
ol,
figure,
aside{padding: 0;margin: 0;font-family:"微软雅黑";}
.ul,
 .ul li {list-style: none;}
table {border-collapse: collapse;border-spacing: 0}
table td {border-collapse: collapse;font-size: 14px;}
select, input, textarea {font-size: 14px;color: #333;border-radius: 0;-webkit-border-radius: 0;font-family:"微软雅黑";}
img{border: none;max-width: 100%;vertical-align: middle;}
a {color: #333;text-decoration: none;noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */}  
a:hover {color: #0081cc;text-decoration: none;}
a:focus {color: #333;outline: none;-moz-outline: none;}
a:active {color: #333;}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;margin:0;font-family:"微软雅黑";text-align:justify;text-justify:inter-ideograph;}

select {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: solid 1px #000;
  /*很关键：将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  /*在选择框的最右侧中间显示小箭头图片*/
  background: url(select.png) no-repeat scroll 95% center transparent;
  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding-right: 26px  !important;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }
	
.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix {*zoom:1;}/*IE/7/6*/
.clearfix:after { content:"\200B"; display:block; height:0; clear:both; } 

.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.Ispic{ background-repeat:no-repeat; background-position:center center; background-size:cover;}

.img-opacity{opacity: 0; width: 0; height: 0;  position: absolute;}

:after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}

.center{ width:1200px; margin:0 auto;}
.Contain{ padding-top:70px;}

.bwWrapper {
    position:relative;
    display:block;
}

/*Top*/
.Top{ position:absolute; left:0; top:0; z-index:100; width:100%; background:rgba(240,240,240,0.9);}
.Top .center > div{ float:left;}
.Top .center .top-right{ float:right;}
.Top .top-left{ margin-left:-58px; width:205px;}
.Top .top-left .logo img{ width:100%; height:60px; margin-top:5px;}
.Top .top-right{ margin-right:-58px; padding-top:18px;}
.Top .top-right dl > *{ float:left;}
.Top .top-right dd{ background:url(icon_tel.png) no-repeat left center; padding-left:27px; font-size:24px; font-weight:bold; color:#0081cc;}

.Top .top-right dd img{ height:22px;}
.Top .top-right dt::after{ display:inline-block; content:''; vertical-align:middle; width:1px; background:#d1d1d1; height:12px; margin:0 16px;}
.Top .top-right dt{ position:relative; margin-top:5px;}
.Top .top-right dt .open-search{ background:url(btn_search.png) no-repeat center center; width:30px; height:22px; float:left;}

.Top .search-box{position:absolute; right:15px; top:47px; width:300px; display:none; background:rgba(0,0,0,0.8);}
.Top .search-box::before{ position:absolute; content:''; border:10px solid transparent; border-bottom-color:rgba(0,0,0,0.8); right:20px; top:-20px;}
.Top .search-box .text{ width:100%; height:46px; line-height:46px; padding:0 46px 0 10px; border:none; background:none; color:#fff;}
.Top .search-box .btn{ position:absolute; right:0; top:0; height:100%; width:46px; background:url(fangdajng.png) no-repeat center center;}
.Top .top-mid{ margin-left:60px;}
.top-menu li{ float:left; padding:0 18px;}
.top-menu li > a{ display:block; line-height:68px; border-bottom:2px solid transparent; font-size:16px;}
.top-menu li > a:hover,
.top-menu li.aon > a{ border-bottom-color:#0081cc;}
.top-sub{ position:absolute; left:0; top:100%; width:100%; background:#fff; display:none;}
.top-sub dl{ display:table; margin:0 auto; padding:30px 0 10px 0; overflow:hidden;}
.top-sub dl dt{ float:left;padding:0 32px;text-align:center; }
.top-sub dl dt figure{display:table; height:48px; width:100%;}
.top-sub dl dt figcaption{ display:table-cell; vertical-align:bottom; }
.top-sub dl dt a{ color:#555; transition:0.3s;}
.top-sub dl dt a:hover{ color:#0081cc;}
.top-sub dl dt span.dot{ padding:10px 0;}
.top-sub dl dt img{ max-height:40px; transition: ease-in-out 0.3s;}
.top-sub dl dt a:hover img{transform-style: preserve-3d;  transform:rotateY(180deg);}
/*Top end*/
/*bottom*/
.bottom{ clear:both; background:#444;}
.bottom-menu{ padding:50px 0 46px 0;}
.bottom-menu > *{ float:left;}
.bottom-menu ol{ width:209px;}
.bottom-menu ol .logo img{ width:180px;}
.bottom-menu ol figure{ margin-left:35px; margin-top:50px; width:120px;}
.bottom-menu ol figure img{ display:block; width:120px; border:4px solid #fff;}
.bottom-menu ol figcaption{ color:#828180;padding:4px 0; font-size:12px;text-align:center; background:#fff;}
.bottom-menu dl{ background:url(bottom-dl-bg.png) no-repeat left 10px; min-height:240px; padding-right:13px; max-width:204px;  padding-left:23px;}
.bottom-menu dl.dl-row-2,
.bottom-menu dl.dl_end{ padding-right:0;}
.bottom-menu dl dt{color:#fff; font-size:16px; padding-bottom:32px;}
.bottom-menu dl dt a::after{ background:url(bottom-menu-dt.png) no-repeat; width:9px; height:13px; display:inline-block; vertical-align:middle; content:''; margin-left:10px;}
.bottom-menu dl dd{ line-height:19px; padding:8px 0;}
.bottom-menu dl.dl-row-2 dd{ float:left; width:50%;}
.bottom a{ color:#7c7c7c; transition:color 0.3s;}
.bottom a:hover{ color:#0081cc;}

.read-list{ position:relative; border-top:1px solid #4e4e4e; padding:22px 0 22px 116px; line-height:25px;}
.read-list ol{ color:#fff; font-size:16px; width:116px; position:absolute; left:0; top:22px;}
.read-list li{ float:left; margin-right:43px; max-width:200px; font-size:16px;}
.read-list li.end{ margin-right:0;}

.foot{ background:#383838; padding:22px;}
.foot-left{ float:left; line-height:28px;}
.foot-left i{ display:inline-block; width:2px; border-right:1px dotted #7c7c7c; height:10px; margin:0 14px; vertical-align:middle;}
.foot_right{ float:right; padding-top:12px;}
.foot_right > *{ float:left;}
.foot_right .foot_link ul{ position:relative; width:250px; margin-right:9px;line-height:33px;}
.foot_right .foot_link ul ol{ border-radius:3px; border:1px solid #494949;  cursor:pointer; padding-left:12px; background:url(bottom-link.gif) no-repeat 95% center;}
.foot_right .foot_link ul li{ position:absolute; bottom:100%; left:0; width:100%; background:#fff; border-radius:3px; display:none;}
.foot_right .foot_link ul li a{ padding:0 12px;  border-bottom:1px solid #383838;}
.foot_right .b_share ul li{ width:39px; height:39px;float:left; text-align:center; margin:0 0 0 18px; padding:0;border-radius:50%; background:#484848;}
.foot_right .b_share ul li img{ margin-top:3px;}


/*bottom end*/
/*banner*/
.aside-total{ padding-top:70px; background-position: center top; background-repeat:no-repeat;overflow:hidden;}

.product_banner{ position:relative; z-index:1; background:#fff; min-height:61px;}
.product_banner .bx-viewport{ z-index:1;}
.product_banner li.li_bg{ background-position:center top;height:500px; background-repeat:no-repeat;}
.product_banner .edit-info{ overflow:hidden;height:500px;}
.product_banner .bx-pager{ position:absolute; left:0; width:100%; bottom:5%; text-align:center; z-index:12;}
.product_banner .bx-pager div{ display:inline-block; padding:0 6px;}
.product_banner .bx-pager div a{ display:block; width:12px; height:12px; overflow:hidden; line-height:1000px; background:#f5f5f5; border-radius:50%;}
.product_banner .bx-pager div a.active{ background:#0081cc;}


.product_info_banner .aside-total{ height:900px;}
.product_info_banner{ position:relative; z-index:2;}
.product_info_banner #prodductlist{ position:absolute; left:0; bottom:0; width:100%; height:51px; opacity:0;}
.product_info_banner .product_current{ position:absolute; left:0; top:70px; width:100%; border-bottom:1px solid rgba(255,255,255,0.05); background:rgba(255,255,255,0.05);}
.product_info_banner .product_current.pro_fixed{ position:fixed; top:0; background:rgba(90, 90, 90, 0.54)}
.product_current dt{ float:left; font-size:16px; font-weight:bold; color:#fff; margin-left:-58px; line-height:49px;}
.product_current dd{ float:right; margin-right:-58px; line-height:48px;}
.product_current dd a{ float:left; margin-left:40px; color:#ddd; border-bottom:2px solid transparent;}
.product_current dd a.on{ color:#fff; border-bottom-color:#929292;}

.product_info_banner_canshu{height:120px;}
.product_info_banner_canshu .aside-total{ display:none;}
.product_info_banner_canshu .product_current{ background:#f7f7f7; border-top:1px solid #e5e5e5;}
.product_info_banner_canshu .product_current dt{ color:#545454;}
.product_info_banner_canshu #prodductlist{ display:none;}
.product_info_banner_canshu .product_current dd a{color:#575757;}
.product_info_banner_canshu .product_current dd a.on{ border-bottom-color:#555; color:#575757;}
.product_info_banner_canshu .product_current.pro_fixed dt{ color:#fff;}
.product_info_banner_canshu .product_current.pro_fixed dd a{color:#ddd;}
.product_info_banner_canshu .product_current.pro_fixed dd a.on{color:#fff;border-bottom-color:#929292;}

.productcategoryname{ padding-top:50px; margin-bottom:30px; position:relative;}
.productcategoryname::after{ position:absolute; left:0; bottom:-15px; content:''; width:100%; height:1px; background:#eee;}
/*banner end*/
.product-category{ position:relative; padding:35px 0;}
.product-category li{ text-align:center; padding-top:15px;} 
.product-category li a p{ color:#555;}
.product-category li a:focus p,
.product-category li a:active p,
.product-category li a:hover p{ color:#c92a32;}
.product-category .table{ display:table; height:136px; width:100%;}
.product-category .table-cell{ display:table-cell; vertical-align:bottom;}
.product-category li img{ max-height:136px; transition:0.2s;}
.product-category li a:hover img{ transform:scale(1.05);}

.project-category-bg{ height:900px;  padding-top:70px;overflow:hidden; background-position:center top; background-repeat:no-repeat;}
.project-category-bg ul{ position:relative;}
.project-category-bg li{ position:absolute; width:92px;  text-align:center; cursor:pointer;}
.project-category-bg li a{ display:block;height:118px; background:url(project_li.png) no-repeat center top; padding-top:6px; transition:0.2s;}
.project-category-bg li a:hover{ background-image:url(project_li_hover.png); color:#fff; transform:translateY(-10px);}
.project-category-bg li div{ margin:0 auto; width:54px;}
.project-category-bg li div img{ height:54px; display:block;}
.project-category-bg li div img.hover, 
.project-category-bg li a:hover div img{ display:none;}
.project-category-bg li a:hover div img.hover{ display:block;}
.project-category-bg li b{ display:block; padding:0 15px;}

.bx-controls-direction a,
.bx-controls-direction a::before{position:absolute; top:50%;}
.bx-controls-direction a{ width:50px; height:50px; margin-top:-25px; background:#0081cc; overflow:hidden; line-height:1000px;}
.bx-controls-direction a.disabled{ background:#f9f9f9; cursor:default; display:none;}
.bx-controls-direction a::before{ content:'';width:12px; height:20px;margin-top:-10px;background:url(btn_product.png) no-repeat left -21px;left:50%; margin-left:-6px;}
.bx-controls-direction a.bx-next::before{ background-position:right -21px;}
.bx-controls-direction a.bx-prev.disabled::before{ background-position: left top;}
.bx-controls-direction a.bx-next.disabled::before{ background-position: right top;}
.bx-controls-direction a.bx-prev{ left:0;}
.bx-controls-direction a.bx-next{ right:0;}

.n_prodduct{ margin:90px auto;}

.prodduct_list{ background:#f7f7f7; margin-bottom:50px;}
 
.prodduct-list{ background:#f7f7f7; margin-bottom:50px;}
.prodduct-list li{ float:left; width:200px; text-align:center; padding:20px 0 0 0;}
.prodduct-list li:hover,
.prodduct-list li.on{ background:#fff;}
.prodduct-list .table{ display:table; height:110px; width:100%;}
.prodduct-list .table-cell{ display:table-cell; vertical-align:bottom;}
.prodduct-list .pic img{ max-width:200px; max-height:110px;}
.prodduct-list p.dot{ margin:0; padding:15px 0; line-height:19px;}


.product-name{ font-size:18px;}
.product-name::before{ display:inline-block; content:''; width:3px; height:20px; background:#0081cc; margin-right:10px; vertical-align:middle;}
.view-360{ width:300px; height:300px; margin:0 auto; position:relative;}
.product-360{ width:600px;margin:0 auto; padding-bottom:25px; text-align:center;}
/*.product-360 .angle-view{ position:relative;}*/

/*.view-360 .overlay{position: absolute;display: inline-block;width: 300px;*/ /* same width as iframe below *//*height: 300px; *//* same height as iframe below *//*pointer-events: none;}*/
/*.product-360 .bx-viewport{ z-index:1;}
.product-360 .angle-view li{ text-align:center;}
.product-360 .angle-view li img{ width:300px; height:300px;}
.product-360 .angle-view .bx-controls-direction a::before{ display:none;}
.product-360 .angle-view .bx-controls-direction a{ margin-top:-12px; width:24px; height:24px; background:url(../images/btn_360.png) no-repeat left -25px #0081cc;}
.product-360 .angle-view .bx-controls-direction a.disabled{ cursor:default; background-color:#f9f9f9; border:1px solid #e5e5e5;}
.product-360 .angle-view .bx-controls-direction a.bx-prev{ left:0;}
.product-360 .angle-view .bx-controls-direction a.bx-prev.disabled{ background-position:left -1px;}
.product-360 .angle-view .bx-controls-direction a.bx-next{ right:0; background-position:right top;}
.product-360 .angle-view .bx-controls-direction a.bx-next.disabled{ background-position:right -26px;}*/
.product-360 .tips{ font-size:18px; color:#333; padding-top:20px;}
.product-360 .tips::before{ display:inline-block; content:''; background:url(zhuan.png) no-repeat; width:12px; height:12px; margin-right:10px;}
.view-360 .ui a{ cursor:pointer; font-size:0; line-height:0; position:absolute; top:50%; display:block; width:24px; height:24px; background-image:url(btn_360.png); background-repeat:no-repeat; background-color:#fafafa; border:solid 1px #e5e5e5;}
.view-360 .ui a:hover{ background-color:#c81624; border-color:#c81624;}
.view-360 .ui a.next{ left:-30px; background-position:left top;}
.view-360 .ui a.prev{ right:-30px; background-position:right bottom}
.view-360 .ui a.next:hover{ background-position:left bottom;}
.view-360 .ui a.prev:hover{ background-position:right top;}

.prod-download{ padding:13px 0 58px 0; overflow:hidden;}
.prod-download a{ float:right; padding:0 37px 0 16px; background:url(produc-info-download.png) no-repeat right top; line-height:30px;  color:#fff;}
.prod-download a:hover{color:#fff; background-image:url(produc-info-download-hover.png);}

.prod-Advantage-big{ margin:50px 0; position:relative;}
.prod-Advantage-big .item{ position:relative; overflow:hidden;}
.prod-Advantage-big .item .pic img{ width:100%; height:600px;}
.prod-Advantage-big .item .info{ position:absolute; left:60px; right:60px; top:60px; bottom:60px; z-index:10; line-height:26px;}
.prod-Advantage-big .bx-wrapper{ position:relative; z-index:1;}
.prod-Advantage-big .bx-pager{ display:table; margin:0 auto;}
.prod-Advantage-big .bx-pager div{ float:left;margin:0 10px; width:100px;}
.prod-Advantage-big .bx-pager div a{ display:block; height:4px; background:#ddd; overflow:hidden; line-height:100px;}
.prod-Advantage-big .bx-pager div a.active{ background:#555;}
.prod-Advantage-big .bx-controls-direction a{ background:url(btn.png) no-repeat left bottom #f9f9f9;}
.prod-Advantage-big .bx-controls-direction a:hover{ background-color:#0081cc; background-position:left top;}
.prod-Advantage-big .bx-controls-direction a::before{ display:none;}
.prod-Advantage-big .bx-controls-direction a.bx-prev{ left:-100px;}
.prod-Advantage-big .bx-controls-direction a.bx-next{ right:-100px; background-position: right top;}
.prod-Advantage-big .bx-controls-direction a.bx-next:hover{background-position: right bottom;}
.prod-Advantage-big .title{ font-size:24px; color:#333; text-align:center; padding:30px 0;}

.product-video div{ position:relative; height:600px; background-position:center top; background-repeat:no-repeat; overflow:hidden;}
.product-video #video{ display:none;}
.product-video div a{ position:absolute; left:0; top:0; width:100%; height:100%; padding-top:330px; background:url(open_video.png) no-repeat center 270px; text-align:center; font-weight:bold; color:#fff; font-size:16px;}

.prod-Scenes{ padding:55px 0 9px 0;}
.prod-Scenes .example-table td{ padding-bottom:6px; vertical-align:top;}
.prod-Scenes .example-table td.pic-2{ padding-bottom:0;}
.prod-Scenes .example-table td.pic-2 .pic{ margin-bottom:6px;}
.prod-Scenes .example-table .pic{ position:relative; margin-right:6px; overflow:hidden;}
.prod-Scenes .example-table td.pad_end .pic{margin-right:0;}
.prod-Scenes .example-table td.w2,
.prod-Scenes .example-table td.w1{ width: 25.3125%;}
.prod-Scenes .example-table .pic img{ width:100%; display:block;}
.prod-Scenes .example-table .pic .txt{ position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.5); text-align:center; line-height:40px; color:#fff; font-size:16px; width:100%;}

.product-apply{ background:url(product_applybg.jpg) no-repeat center top; height:180px; text-align:center; padding-top:50px; margin-top:4px;}
.product-apply a{ display:inline-block; padding:0 34px 0 44px; font-size:30px; color:#0081cc; border:1px solid #0081cc; line-height:78px;}
.product-apply a::after{ display:inline-block; content:''; margin-left:15px; border:10px solid transparent; border-left-color:#0081cc;}

.Pop-up{ position:fixed; z-index:200; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.95); display:none;}
.Pop-up .center{ position:fixed; left:50%; top:50%; height:454px; margin-top:-277px; margin-left:-600px;}
.Pop-up .center .close{ position:absolute; right:0; top:0; width:25px; height:25px; background:url(close.png) no-repeat center center; overflow:hidden; line-height:1000px; cursor:pointer;}
.Pop-up h3{ text-align:center; color:#fff; font-size:24px;font-weight:normal; padding-top:65px;}
.Pop-up h3 span{ font-size:18px; display:block; padding-top:10px;}
.Pop-up .table{ width:418px; margin:0 auto;}
.Pop-up .table dl{ display:table; width:100%; padding-left:40px; background-repeat:no-repeat; background-position:left center; margin-bottom:14px;}
.Pop-up .table dl.dl_icon1{ background-image:url(pop-icon01.png);}
.Pop-up .table dl.dl_icon2{ background-image:url(pop-icon02.png);}
.Pop-up .table dl.dl_icon3{ background-image:url(pop-icon03.png);}
.Pop-up .table dl.dl_icon4{ background-image:url(pop-icon04.png);}
.Pop-up .table dl.dl_icon5{ background-image:url(pop-icon05.png);}
.Pop-up .table dl.dl_icon6{ background-image:url(pop-icon08.png); background-position:left 8px}
.Pop-up .table dl.dl_icon6 .wu-example{ padding-left:15px;}
.Pop-up .table dl > *{ display:table-cell; vertical-align:middle;}
.Pop-up .table dt{ position:relative; line-height:35px;}
.Pop-up .table dt label{ position:absolute; left:0; top:0; width:100%; color:#999;}
.Pop-up .table dt .text{  width:100%; line-height:35px; height:35px; background:none; border:0; border-bottom:1px solid #999; color:#fff;}
.Pop-up .table dt select{ width:48%;background:none;  line-height:35px;height:35px;border:0; border-bottom:1px solid #999; color:#999; float:left; display:block !important;}
.Pop-up .table dt .ml{ margin-left:4%;width:48%; float:left;}
.Pop-up .table dt .ml select{ width:100%;}
.Pop-up .table dd{ color:#0081cc; text-align:right; width:20px;}
.Pop-up .table .btn{ cursor:pointer; border:none; width:100%; background:url(pop-btn.png) no-repeat right top; height:41px; color:#fff; font-size:18px; margin-top:34px;}
.Pop-up .table .btn:hover{ background-image:url(pop-btn_hover.png);}

#thanks .thanks-con{ background:url(thanks-con.png) no-repeat; width:677px; height:314px; margin:0 auto; position:relative;}
#thanks .thanks-con a{ position:absolute; right:14px; bottom:0; width:174px; height:39px; cursor:pointer;}

#Error .Error-con{ margin:0 auto; width:300px; color:#fff; font-size:16px;}
#Error .Error-con p{ border-bottom:1px solid #999; margin:0 0 10px 0; padding-bottom:10px;}
#Error .Error-con p span{ border-radius:50%; width:16px; line-height:16px; text-align:center; background:#000; color:#ababab; margin:0 10px; display:inline-block; font-size:12px; font-family:"微软雅黑"; box-shadow: 1px 1px 1px #ccc;}

.column-menu{ margin:10px 0 60px; border-bottom:1px solid #e5e5e5; background:rgba(255,255,255,0.9); position:relative; z-index:20;}
.column-menu li{ float:left; margin-right:42px;}
.column-menu li a{ display:block; line-height:59px; border-bottom:2px solid transparent;}
.column-menu li a:hover,
.column-menu li a.aon{ border-bottom-color:#0081cc;}

.about-content .column-menu{ border-bottom:1px solid #e5e5e5;}

/*map*/
.Map{ background:url(case_areabg.jpg) no-repeat center top; height:970px; padding-top:61px; margin-top:-61px;}
.Map > .center{ position:relative;}
.Map .global{ text-align:center; color:#fff; background:url(case_area_global.png) no-repeat center top; width:130px; padding-top:130px; position:absolute; right:-13px; bottom:0; line-height:30px; transition:0.3s;}
.Map .global a{ position:absolute; left:0; top:0; width:100%; height:100%; background:transparent;}
.Map .global:hover{ font-size:16px; color:#0081cc; background-image:url(case_area_global_hover.png);}
.Map .all-map{ background:url(map.png) no-repeat; width:860px; height:703px; margin:19px auto 0; position:relative;}
.Map .all-map dl{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:3;}
.Map .all-map dl.map-hover{ z-index:1;}
.Map .all-map dl > *{ position:absolute;}
.Map .all-map dd a{ display:block; background:url(map_select.png) no-repeat center top; padding-top:20px;}
.Map .all-map dd.on a{ color:#fff; background:none;}
.Map .all-map dd.dd_3253,
.Map .all-map dd.dt_3253{ display:none;}
.Map .all-map dd.dd_1{right: 26%;top: 35%;}
.Map .all-map dd.dd_2{right: 14.5%;bottom: 38%;}
.Map .all-map dd.dd_3{right: 23.5%;top: 38%;}
.Map .all-map dd.dd_4{bottom: 32%;left: 57%;}
.Map .all-map dd.dd_5{right: 16%;bottom: 32%;}
.Map .all-map dd.dd_6{bottom: 18%;left: 68%;}
.Map .all-map dd.dd_7{right: 17%;top: 53%;}
.Map .all-map dd.dd_8{right: 26%;top: 41%;}
.Map .all-map dd.dd_9{top: 43%;right: 31.5%;}
.Map .all-map dd.dd_10{left: 48%;bottom: 35%;}
.Map .all-map dd.dd_11{right: 28%;top: 50%;}
.Map .all-map dd.dd_12{right: 14%;top: 29%;}
.Map .all-map dd.dd_13{right: 10%;top: 23%;}
.Map .all-map dd.dd_14{right: 9%;top: 14%;}
.Map .all-map dd.dd_15{right: 22%;top: 45%;}
.Map .all-map dd.dd_16{top: 57%;right: 21%;}
.Map .all-map dd.dd_17{bottom: 24%;right: 19%;}
.Map .all-map dd.dd_18{right: 30%;bottom: 36%;}
.Map .all-map dd.dd_19{right: 31%;bottom: 27%;}
.Map .all-map dd.dd_20{bottom: 3%;right: 34%;}
.Map .all-map dd.dd_21{bottom: 28%;right: 24%;}
.Map .all-map dd.dd_22{bottom: 23%;right: 40%;}
.Map .all-map dd.dd_23{bottom: 17%;left: 45%;}
.Map .all-map dd.dd_24{right: 38%;top: 51%;}
.Map .all-map dd.dd_25{right: 47%;top: 44%;}
.Map .all-map dd.dd_26{bottom: 16%;right: 37%;}
.Map .all-map dd.dd_27{top: 45%;left: 53%;}
.Map .all-map dd.dd_28{left: 36%;top: 47%;}
.Map .all-map dd.dd_29{left: 19%;top: 32%;}
.Map .all-map dd.dd_30{left: 19%;top: 54%;}
.Map .all-map dd.dd_31{left: 57%;top: 34%;}
.Map .all-map dd.dd_32{bottom: 14%;right: 24%;}
.Map .all-map dd.dd_33{bottom: 12%;right: 28%;}
.Map .all-map dd.dd_34{right: 13%;bottom: 18%;}

.Map .all-map dt{ background-position:0 0; background-repeat:no-repeat; display:none;}
.Map .all-map dt.dt_1{ width:27px; height:29px;left: 71%;top: 35%;}
.Map .all-map dt.dt_2{ width:18px; height:16px;right: 15%;bottom: 39.2%;}
.Map .all-map dt.dt_3{ width:20px; height:30px;right: 24.2%;top: 37.2%;}
.Map .all-map dt.dt_4{ width:71px; height:72px;bottom: 30%;left: 55%;}
.Map .all-map dt.dt_5{ width:61px; height:70px;right: 14.2%;bottom: 29.5%;}
.Map .all-map dt.dt_6{ width:126px; height:100px;bottom: 9.2%;left: 63.5%;}
.Map .all-map dt.dt_7{ width:94px; height:72px;right: 15.1%;top: 50.5%;}
.Map .all-map dt.dt_8{ width:88px; height:125px;right: 21.5%;top: 31%;}
.Map .all-map dt.dt_9{ width:55px; height:117px;top: 37%;right: 30.5%;}
.Map .all-map dt.dt_10{ width:174px; height:153px;left: 40%;bottom: 24%;}
.Map .all-map dt.dt_11{ width:92px; height:91px;right: 25.7%;top: 47.7%;}
.Map .all-map dt.dt_12{ width:94px; height:89px;right: 13%;top: 27.3%;}
.Map .all-map dt.dt_13{ width:133px; height:91px;right: 5.7%;top: 19.5%;}
.Map .all-map dt.dt_14{ width:178px; height:167px;right: 3.7%;top: 1.7%;}
.Map .all-map dt.dt_15{ width:108px; height:68px;right: 15.9%;top: 42.5%;}
.Map .all-map dt.dt_16{ width:76px; height:94px;top: 52%;right: 19.7%;}
.Map .all-map dt.dt_17{ width:72px; height:86px;bottom: 19.5%;right: 16.8%;}
.Map .all-map dt.dt_18{ width:122px; height:76px;right: 25.6%;bottom: 32.7%;}
.Map .all-map dt.dt_19{ width:86px; height:100px;right: 28.7%;bottom: 21.2%;}
.Map .all-map dt.dt_20{ width:40px; height:35px;bottom: 3.8%;right: 34%;}
.Map .all-map dt.dt_21{ width:76px; height:102px;bottom: 21.2%;right: 21.1%;}
.Map .all-map dt.dt_22{ width:96px; height:83px;bottom: 20.5%;right: 37.5%;}
.Map .all-map dt.dt_23{ width:141px; height:147px;bottom: 11.5%;left: 39.5%;}
.Map .all-map dt.dt_24{ width:81px; height:143px;right: 35.6%;top: 40%;}
.Map .all-map dt.dt_25{ width:226px; height:191px;right: 40%;top: 31.5%;}
.Map .all-map dt.dt_26{ width:124px; height:95px;bottom: 12%;right: 32.8%;}
.Map .all-map dt.dt_27{ width:46px; height:76px;top: 41%;left: 52.3%;}
.Map .all-map dt.dt_28{ width:201px; height:145px;left: 27%;top: 40%;}
.Map .all-map dt.dt_29{ width:322px; height:244px;left: 2.5%;top: 12.5%;}
.Map .all-map dt.dt_30{ width:312px; height:189px;left: 6.5%;top: 46%;}
.Map .all-map dt.dt_31{ width:353px; height:301px;left: 41.7%;top: 2.7%; background-image:url(31_InnerMongolia.png) !important;}
.Map .all-map dt.dt_32,
.Map .all-map dt.dt_33,
.Map .all-map dt.dt_3253{ background:none !important;}
.Map .all-map dt.dt_34{ width:27px; height:64px;right: 13.5%;bottom: 16%;}

.map-search{ padding:47px 0 58px 0;}
.map-search dl > *{ float:left;}
.map-search dt{width:108px;  text-align:center;}
.map-search dt a{ display:block; line-height:50px; background:#0081cc; color:#FFF; transition:0.2s;}
.map-search dt a:hover{ background:#333;}
.map-search dd{ position:relative; width:344px; margin-right:20px; border-bottom:1px solid #888d8e; z-index:10;}
.map-search dd > a{ display:block; line-height:49px; color:#333; padding:0 30px 0 22px; position:relative;}
.map-search dd > a::after{ position:absolute; content:''; border:5px solid transparent; border-top-color:#333; right:20px; top:50%; margin-top:-2.5px;}
.map-search dd .text{ height:49px; line-height:49px; padding:0 10px; width:100%; background:none; border:none;}
.map-search dd .select-sub{ position:absolute; left:0; top:100%; width:100%;  background:rgba(0,0,0,0.9);display:none; padding:20px 10px;}
.map-search dd .scrollPane{overflow:auto; max-height:300px;width:100% !important;}
.map-search dd ul li{ line-height:30px; padding:0 20px; cursor:pointer; color:#fff;} 
.map-search dd ul li:hover{ background:#333; font-size:18px; font-weight:bold; /*color:#c92a32;*/}

.jspContainer{overflow: hidden;position: relative;}
.jspPane{position: absolute;}
.jspVerticalBar{	position: absolute;top: 0;right: 10px;width: 6px;height: 100%;}
.jspCap{display: none;}
.jspTrack{background: rgba(255,255,255,0.2);border-radius:2px;position: relative;}
.jspDrag{    background: url(scroller.png) no-repeat center center #c92a32; border-radius:2px;position: relative;top: 0;left: -2px;cursor: pointer; width:10px;}
.jspArrow{text-indent: -20000px;display: block;cursor: pointer;padding: 0;margin: 0;height: 16px;}
.jspArrow.jspDisabled{cursor: default;background: #80808d;}
.jspArrow:focus{outline: none;}
.jspCorner{background: #eeeef4;float: left;height: 100%;}
* html .jspCorner{margin: 0 -3px 0 0;}

.hasData{ height:auto;}
.hasData .map-search{ background:#fff; padding-top:16px;}
.hasData .all-map{ margin-bottom:54px;}

.map-search-result li{ float:left; width:278px; margin-bottom:10px; margin-right:29px;}
.map-list-end li:nth-child(4n){ margin-right:0;}
.map-search-result li img{ display:block; width:100%; height:183px;}
.map-search-result li p{ line-height:55px; padding:0 25px 0 10px; margin:0; font-size:16px; background:url(case_title_icon.jpg) no-repeat 95% center;}
.map-search-result li a{ display:block; position:relative;}
.map-search-result li .hover{ position:absolute; left:0; top:0; width:100%; height: 100%; background:rgba(0,129,204,0.9); color:#fff; opacity:0; transition:0.3s;}
.map-search-result li a:hover  .hover{ opacity:1;}
.map-search-result li .hover dl{ display:table; height:100%; width:100%;}
.map-search-result li .hover dt{ display:table-cell; vertical-align:middle; text-align:center;}
.map-search-result li .hover dt > *{ padding:0 10px;}
.map-search-result li .hover dt aside{ font-size:18px;}
.map-search-result li .hover dt aside::after{ display:block; content:''; height:2px; background:#fff; width:23px; margin:15px auto;}

/*map end*/
/*case*/
.case-info{ border-top:1px solid #e5e5e5;}
.case-info > .center{ position:relative; z-index:2;margin-bottom:70px;}
.get-back{ padding:20px 0 10px 0; overflow:hidden;}
.get-back a{ float:right; color:#fff; background:#0081cc; padding:0 20px; line-height:40px;}
.get-back a::before{ display:inline-block; vertical-align:middle; content:'<'; font-family:"微软雅黑"; font-size:14px; font-weight:bold; margin-right:10px;}
.case-info .prev_next{ position:absolute; right:-60px; width:50px; top:198px;}
.case-info .prev_next a{ display:block; height:50px; margin:10px 0; position:relative; background:#f5f5f5; text-align:center;}
.case-info .prev_next a span{ color:#999; position:absolute; left:55px; line-height:50px; top:0; white-space:nowrap; display:none;}
.case-info .prev_next a::before{ width:11px; height:20px; background:url(info_pn.gif) no-repeat 0 0; position:absolute; content:''; left:50%; top:50%; margin:-10px 0 0 -5px;}
.case-info .prev_next .li_2 a::before{ background-position: right top;}
.case-info .prev_next a:hover{ background:#0081cc;}
.case-info .prev_next a:hover span{ display:block;}
.case-info .prev_next .li_1 a:hover::before{ background-position:left bottom;}
.case-info .prev_next .li_2 a:hover::before{ background-position:right bottom;}

.case-info .bigImage{ position:relative; float:left; width:640px;}
.case-info .bigImage .big{ margin-bottom:10px;}
.case-info .bigImage .big li img{ display:block; width:100%; height:426px;}
.case-info .bigImage .small .bd{ overflow:hidden;}
.case-info .bigImage .small .bd li{ float:left; width:131px;}
.case-info .bigImage .small .bd li img{ width:120px; height:80px; display:block;}
.case-info .bigImage .small .bd li.on img{ border:1px solid #fff;}
.case-info .bigImage .btn{ position:absolute; top:50%; margin-top:-65px; background-color:#0081cc; z-index:10; width:50px; height:50px; cursor:pointer;}
.case-info .bigImage .btn::before{ position:absolute; content:''; left:50%; top:50%; width:11px; height:20px; background:url(info_pn.gif) no-repeat right bottom;margin:-10px 0 0 -5px;}
.case-info .bigImage .prev::before{ background-position:left bottom;}
.case-info .bigImage .prevStop::before{background-position:left top;}
.case-info .bigImage .nextStop::before{background-position:right top;}
.case-info .bigImage .prevStop,
.case-info .bigImage .nextStop{background-color:#f8f8f8; cursor:default;}
.case-info .bigImage .prev{ left:0;}
.case-info .bigImage .next{ right:0;}
.case-info .intro{ width:550px; float:right; padding:0 45px; min-height:516px; background:#fafafa;}
.case-info .intro dl > *{ border-bottom:1px solid #eee;}
.case-info .intro dt{ padding:25px 0; font-size:24px; color:#333;}
.case-info .intro dd{ line-height:20px; padding:10px 0;}
.case-info .intro .about{padding-top:20px;}
.case-info .intro .about b{ }
.case-info .intro .about pre{ text-indent:25px; line-height:28px; margin:10px 0;}
.case-info .apply a{ display:inline-block; color:#fff; padding:0 26px; line-height:36px; background:#0081cc;}
.case-info .apply a::after{ display:inline-block; vertical-align:middle; content:'>'; font-family:"微软雅黑"; font-size:14px; font-weight:bold; margin-left:10px;}

.Related-case{ background:#fafafa;  padding-bottom:90px; padding-top:60px;}
.Related-case h4{ margin:0; font-weight:normal; font-size:18px; text-align:center; border-top:1px solid #e5e5e5;}
.Related-case h4 span{ display:inline-block; background:#fafafa; padding:0 25px; line-height:20px; top:-11px; position:relative;}

.Related-case .list{ position:relative; margin-top:50px;}
.Related-case .list .bd{ overflow:hidden;}
.Related-case .list .btn{ position:absolute; z-index:10; top:50%; margin-top:-40px; width:40px; height:40px; background:#f5f5f5; cursor:pointer;}
.Related-case .list .btn:hover{background-color:#0081cc;}
.Related-case .list .prev{ left:-60px;}
.Related-case .list .next{ right:-60px;}
.Related-case .list .btn::before{ position:absolute; content:''; left:50%; top:50%; width:11px; height:20px; background:url(info_pn.gif) no-repeat right top;margin:-10px 0 0 -5px;}
.Related-case .list .prev::before{ background-position:left top;}
.Related-case .list .prev:hover::before{background-position:left bottom;}
.Related-case .list .next:hover::before{background-position:right bottom;}

.Related-case .list .news li{ float:left; width:20%;}
.Related-case .list .news li a{ display:block; width:220px; margin:auto;}
.Related-case .list .news li .pic,
.Related-case .list .news li .pic img{ width:220px; height:160px;}
.Related-case .list .news li .dot{ padding:10px 0;}

.case-banner{ height:370px; background-position:center top; background-repeat:no-repeat;}
.case-menu .column-menu{ margin-top:0; border-top:0; border-bottom:1px solid #e5e5e5;}
.case-search{ float:right; margin-top:-45px; margin-right:24px; position:relative; z-index:20; width:440px; padding-right:80px;}
.case-search .text{ width:100%; color:#999; line-height:31px; border:0; border-bottom:1px solid #e5e5e5;}
.case-search .btn{ line-height:32px; width:80px; text-align:center; color:#fff; background:#0081cc; position:absolute; right:0; top:0;}
.case-one-category{ padding:50px 0 70px 0;}
.case-two-category .bx-wrapper,
.case-one-category .bx-wrapper{ position:relative; margin:0 auto; }
.case-one-category li{ display:table; height:88px; float:left; width:140px;}
.case-one-category li a{ display:table-cell; vertical-align:bottom; text-align:center;}
.case-one-category li aside img{ max-width:150px; max-height:48px; transition: ease-in-out 0.3s;}
.case-one-category li span{ display:inline-block; border-bottom:2px solid transparent; padding:15px 0 5px 0;}
.case-one-category li.on span{ border-bottom-color:#0081cc; color:#0081cc; font-weight:bold;}
.case-one-category li a:hover img{transform-style: preserve-3d;  transform:rotateY(180deg);}
.case-one-category .bx-controls-direction a.bx-prev{ left:-50px;}
.case-one-category .bx-controls-direction a.bx-next{ right:-50px;}

.case-content{ background:#fafafa; padding-bottom:40px;}
.case-two-category{ background:#f7f7f7; border:1px solid #efefef; margin-bottom:40px;}
.case-two-category .bx-controls-direction a{ width:30px; height:30px; margin-top:-15px;}
.case-two-category .bx-controls-direction a.bx-prev{ left:-35px;}
.case-two-category .bx-controls-direction a.bx-next{ right:-35px;}
.case-two-category li{ line-height:58px; text-align:center;}
.case-two-category li.on a{ background:#fff; border:1px solid #efefef; border-bottom:0; margin-left:-1px;  padding:0 5px;border-top:2px solid #c92a32; color:#c92a32; font-weight:bold; }
.case-content .map-search-result li{ margin-bottom:28px;}

.list-read { padding:20px 0}
.list-read ul{ overflow:hidden;}
.list-read ul li{ float:left; width:120px; text-align:center; padding:10px}
.list-read ul li .pic{ height:100px;}
.list-read ul li .pic img{ width:100px; height:100px;}
.list-read ul li .dot{ padding:10px 0;}
/*case end*/
/*pages*/
.Pages{ text-align:center; padding:30px 0;}
.Pages *{ display:inline-block; vertical-align:middle; }
.Pages .p_page{ display:table; margin:0 auto;}
.Pages .p_page *{ float:left;}
.Pages .p_page a{ background-color:#fff; padding:0 18px; line-height:33px; border:1px solid #edecec;}
.Pages .p_page a.a_cur,
.Pages .p_page a:hover{ background-color:#0081cc; color:#fff;}
.Pages .p_cur,
.Pages .p_count,
.Pages .p_total,
.Pages .p_jump{ display:none;}
.Pages .p_page em{ font-style:normal;}
.Pages .p_page a.a_prev,
.Pages .p_page a.a_next{ overflow:hidden; height:35px; line-height:1000px; width:40px; padding:0; background-position:center center; background-repeat:no-repeat; margin:0 10px;}
.Pages .p_page a.a_prev:hover{ background-image:url(page_a_prev_hover.gif);}
.Pages .p_page a.a_next:hover{ background-image:url(page_a_next_hover.gif);}
.Pages .p_page a.a_prev{ background-image:url(page_a_prev.gif);}
.Pages .p_page a.a_next{ background-image:url(page_a_next.gif);}
/*pages end*/
/*project*/
.project-menu{ margin-top:70px; background:rgba(0,129,204,0.5); border-bottom:1px solid rgba(255,255,255,0.05); position:relative; z-index:2;}
.project-menu dl{ line-height:50px;}
.project-menu dt{ float:left; color:#fff; font-size:16px; font-weight:bold; margin-left:-58px;}
.project-menu dd{ float:right; margin-right:-58px;}
.project-menu dd a{ position:relative; float:left; margin-left:45px; color:#fff;}
.project-menu dd a::after{ position:absolute; left:50%; transform:translateX(-50%); width:0; height:2px;background-color:rgba(255,255,255,0.5); transition:0.3s; content:''; bottom:0;}
.project-menu dd a:hover::after,
.project-menu dd a.on::after{ width:100%;}

.project-video{ position:relative; z-index:1; margin-top:-50px; background-color:#bfbfbf; }
.project-video .bg{ background-position:center top; background-repeat:no-repeat;padding-top:50px; height:780px;}
.project-video .fancybox{ background:url(open_video.png) no-repeat; width:45px; height:45px; display:block; margin:0 auto;}
.project-video .edit-info{ padding-bottom:10px; max-height:700px; overflow:hidden;}

.project-title{ font-size:24px; padding:70px 0; text-align:center; color:#333;}
.project-title p{ font-size:16px; margin:0;}

.project-title1{ font-size:24px; padding:70px 0 50px; text-align:center; color:#333;}
.project-title1 p{ font-size:16px; margin:0;}

.project-title2{ font-size:24px; padding:70px 0 0px; text-align:center; color:#333;}
.project-title2 p{ font-size:16px; margin:0;}

.project-design{ background:url(project_design_bg.jpg) no-repeat center top; height:740px;padding-top:30px;}
.project-design ul{ display:table; margin:0 auto;}
.project-design ul li{ float:left; width:340px; text-align:center; padding:0 60px; position:relative;}
.project-design ul li::after{ position:absolute; content:''; width:1px; height:140px; background:#ccc; right:0; top:35px;}
.project-design ul li:last-child::after{ display:none;}
.project-design ul li h3{ margin:23px 0;  font-size:18px; color:#0081cc;}
.project-design ul li pre{ line-height:24px; text-align:center;font-size:13px;}
.project-design ul li .icon img{ width:50px; height:50px; transition:0.3s;} 
.project-design ul li:hover .icon img{ transform:rotateY(180deg);} 

.solution-list{ padding:10px 0;}
.solution-list dl{ border:1px solid #ccc;}
.solution-list dd{ float:left; line-height:58px; text-align:center; font-size:16px;}
.solution-list dd a{ display:block; padding:0 5px; border-right:1px solid #ccc;}
.solution-list dd:last-child a{ border-right:0;}
.solution-list dd.on a{ background:#0081cc; color:#fff;}

/*.solution-scroll{ position:relative; min-height:740px;}*/
.solution-scroll li .pic{ position:relative; height:740px; background-position: center top; background-repeat:no-repeat; overflow:hidden;}
.solution-scroll li .con{ position:relative; height:740px;overflow:hidden;}
.solution-scroll .bx-viewport{ z-index:1;}
.solution-scroll .bx-controls-direction{ position:relative; width:1340px; margin:0 auto; z-index:20;}
.solution-scroll .bx-controls-direction a{ margin-top:0; top:-370px; background-color:rgba(76,76,76,0.3);}
.solution-scroll .bx-controls-direction a:hover{ background-color:#0081cc;}



.project-Machine1{ padding-bottom:55px;}
.project-Machine1 .project-title{ padding-bottom:50px;}
.project-Machine1 .bx-wrapper{ position:relative;}
.project-Machine1 .bx-controls-direction a.bx-prev{ left:-70px;}
.project-Machine1 .bx-controls-direction a.bx-next{ right:-70px;}
.project-Machine1 li{ float:left; width:380px; margin-right:30px;}
.project-Machine1 li.end{ margin-right:0;}
.project-Machine1 li img{ height:260px; display:block; width:100%;}
.project-Machine1 li p{ text-align:center; font-size:16px;}

.project-Machine{ padding-bottom:55px;}
.project-Machine .project-title{ padding-bottom:50px;}
.project-Machine .bx-wrapper{ position:relative;}
.project-Machine .bx-controls-direction a.bx-prev{ left:-70px;}
.project-Machine .bx-controls-direction a.bx-next{ right:-70px;}
.project-Machine li{ float:left; width:380px; margin-right:30px;}
.project-Machine li.end{ margin-right:0;}
.project-Machine li img{ height:260px; display:block; width:100%;}
.project-Machine li p{ text-align:center; font-size:16px;}
/*project end*/

.about-category{ padding:48px 0 36px 0;}
.about-category ul{ display:table; margin:0 auto;}
.about-category ul li{ float:left; min-width:140px;  text-align:center; margin:0 10px 2px 10px;}
.about-category ul li a{ display:block;padding:0 10px; line-height:32px; border:1px solid #e5e5e5; background:#fff;}
.about-category ul li a:hover,
.about-category ul li.aon a{ background:#0081cc; color:#fff; border-color:#0081cc;}

.honor-list ul{ margin-bottom:35px; padding:0 50px; display:table; position:relative;}
.honor-list ul.no-data li{ height:105px; text-align:left;}
.honor-list ul::before,
.honor-list ul::after{ position:absolute; content:''; width:50px; height:75px; bottom:0;background:url(honor_ul_l.png) no-repeat left top;}
.honor-list ul::before{ left:0; }
.honor-list ul::after{ right:0;background-image:url(../images/honor_ul_r.png);}
.honor-list li{ float:left; width:275px; text-align:center; background:url(../images/honor-libg.png) repeat-x left bottom;}
.honor-list li p{ height:75px; margin:0; line-height:25px; padding-top:25px;  overflow:hidden;}
.honor-list li a:hover p{ color:#0081cc;}
.honor-list li dl{ display:table; width:100%; height:185px;} 
.honor-list li dl dt{ display:table-cell; vertical-align:bottom;}
.honor-list li img{ max-width:186px; max-height:185px;}
.honor-list li aside{ display:inline-block; position:relative;}
.honor-list li aside::after{ background:url(../images/honor-ying.png) no-repeat right top; position:absolute; right:-24px; top:0; height:100%; content:''; width:24px;}

.honor-fancybox .fancybox-title-float-wrap{ bottom:-10px;}
.honor-fancybox .fancybox-title-float-wrap .child{ background:none; font-size:16px; font-weight:normal; }
.honor-fancybox .fancybox-title-float-wrap .child br{ display:none;}
.honor-fancybox .fancybox-overlay{ /*background-image:url(../images/fancybox-overlay.png);*/ background:rgba(0,0,0,0.95);}
.honor-fancybox .fancybox-nav span{ visibility:inherit; width:50px; height:50px; margin-top:-25px; border:1px solid #333;}
.honor-fancybox .fancybox-next span{ right:-100%; background:url(../images/fancybox-next.png) no-repeat center center; }
.honor-fancybox .fancybox-prev span{ left:-100%;background:url(../images/fancybox-prev.png) no-repeat center center;}
.honor-fancybox .fancybox-nav span:hover{background-color:#0081cc;}
.honor-fancybox .fancybox-next span:hover{background-image:url(../images/fancybox-next_hover.png); }
.honor-fancybox .fancybox-prev span:hover{background-image:url(../images/fancybox-prev_hover.png) ;}
.honor-fancybox .fancybox-close{ width:26px; height:26px; background:url(../images/close.png) no-repeat; right:-30px; top:-30px;}

.video-list li{ float:left; width:380px; margin:0 30px 30px 0; position:relative;transition:all 0.3s ease-out 0s;overflow:hidden;}
.video-list li::after,
.video-list li a{ position:absolute; left:0; top:0; width:100%; height:100%;}
.video-list li a{ z-index:3; background:url(../images/open_video2.png) no-repeat center center;}
.video-list li::after{ content:''; background:url(../images/textbg.png) repeat-x left bottom;}
.video-list-end li:nth-child(3n){ margin-right:0}
.video-list li p{ z-index:2; color:#fff; font-size:16px;  padding:0 20px; margin:0; width:100%; position:absolute; left:0; bottom:0; line-height:48px;}
.video-list li img{ height:253px; display:block; width:100%;transition:all 0.3s ease-out 0s;}
.video-list li:hover{box-shadow:0 5px 10px rgba(130,130,130,0.3);transform:translate(0,-5px);}
.video-list li:hover img{ opacity:0.9;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}

.about-content{padding-bottom:70px;}

.left_video{ float:left; width:750px; position:relative; overflow:hidden;}
.left_video .file{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:2; display:none; background:#000;}
.left_video .pic img{display:block; width:100%; height:500px;position:relative;}
.left_video .pic::after,
.left_video .pic a{position:absolute; left:0; top:0; width:100%; height:100%;}
.left_video .pic::after{  content:''; background:url(../images/textbg.png) repeat-x left bottom;}
.left_video .pic a{ background:url(../images/open_video_102.png) no-repeat center center; z-index:2; cursor:pointer;}

.right_video_con{ float:right; width:450px; background:#f9f9f9; min-height:500px;}
.right_video_con .tit{ margin:0; font-size:18px; text-align:center; border-bottom:1px solid #e9e9e9; padding:42px 30px;}
.right_video_con .edit-info{ padding:30px; line-height:28px;}

.news-content .about-category{ padding:30px 0; clear:both;}
.news-content .about-category ul{ display:block;}
.news-content .about-category li{ margin:0 20px 0 0;}

.body_f9f9f9{ background:#f9f9f9;}
.news-top{ position:relative; z-index:1; float:left; width:100%;  margin-top:-61px; background:#fff; min-height:61px;}
.news-top .bx-viewport{ z-index:1;}
.news-top li{ background-position:center top;height:500px; background-repeat:no-repeat;}
.news-top li a{ display:block; height:500px;}
.news-top .bx-pager{ position:absolute; left:0; width:100%; bottom:5%; text-align:center; z-index:12;}
.news-top .bx-pager div{ display:inline-block; padding:0 6px;}
.news-top .bx-pager div a{ display:block; width:12px; height:12px; overflow:hidden; line-height:1000px; background:#f5f5f5; border-radius:50%;}
.news-top .bx-pager div a.active{ background:#0081cc;}
.news-top .bx-controls-direction a{ background:none; width:156px; height:439px;  top:auto; margin-top:0; bottom:0; z-index:10;}
/*.news-top .bx-controls-direction a.bx-prev{ background:url(../images/news_top_btnbg_l.png) repeat-y left top;}
.news-top .bx-controls-direction a.bx-next{ background:url(../images/news_top_btnbg_r.png) repeat-y left top;}*/
.news-top .bx-controls-direction a::before{ width:19px; height:36px; margin-top:-18px; margin-left:-9px; background:url(news_top_btn.png) no-repeat left top;}
.news-top .bx-controls-direction a.bx-next::before{ background-position: right top;}

.news-list li{ overflow:hidden; margin-bottom:40px;}
.news-list li .pic{ float:left; width:240px;}
.news-list li .pic img{ display:block; width:100%; height:160px;}
.news-list li .txt{ float:right; width:1000px; height:160px; border-bottom:1px dotted #c6c6c6; padding-right:142px; position:relative;}
.news-list li .txt time{ position:absolute; right:0; top:17px; text-align:right;}
.news-list li .txt time span{ display:block; padding-bottom:34px;}
.news-list li .txt time b{ font-size:24px;}
.news-list li .txt time a{ color:#0081cc;}
.news-list li .txt p{ line-height:24px; margin:0; height:72px; overflow:hidden;}
.news-list li .txt h5{ font-size:18px; font-weight:normal; margin:20px 0;}
.Related-case .news-list{ margin-top:30px;/* position:relative; overflow:hidden;*/}
/*.Related-case .news-list::before,
.Related-case .news-list::after{ position:absolute; content:''; width:1px; height:100%; top:0; background:#eee;}
.Related-case .news-list::before{ left:32.5%;}
.Related-case .news-list::after{right:32.5%;}*/
.news-list ol{ float:left; width:30%; margin-right:5%; line-height:30px; font-size:12px;}
.news-list ol:nth-child(3n){margin-right:0;}
.news-list ol span{ float:right; margin-left:10px;}
.news-list ol a{ background:url(../images/a.jpg) no-repeat left center; padding-left:15px;}

.news-info .title{ text-align:center; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #f5f5f5;}
.news-info .title h1{ margin:15px 0; color:#000; font-size:24px;}
.news-info .title p{ font-size:12px; color:#999; margin:0;}
.news-info .info_np{ text-align:right; padding-top:30px;}
.news-info .info_np span a{ margin:10px 0; display:inline-block; color:#999;}
.news-info .info_np span a:hover{ color:#0081cc;}

.center-left{ float:left; width:900px;}
.center-right{ float:right; width:250px;}

.Related-news{ background:#fafafa; padding:10px;}
.Related-news h4{border-top:1px solid #ccc; font-size:18px; text-align:center; color:#000; margin:25px 0 0 0;}
.Related-news h4 span{ display:inline-block; padding:0 5px; background:#fafafa; position:relative; line-height:20px;top:-15px;}
.Related-news li{ border-bottom:1px solid #eee; padding-bottom:15px; margin-bottom:15px;}
.Related-news li .pic{ overflow:hidden;}
.Related-news li a{ display:block;}
.Related-news li img{ display:block; width:100%; height:153px;}
.Related-news li .dot{ padding:5px 0 0 0;}
.Related-news li time{ color:#999; font-size:12px; display:block; padding-bottom:5px;}
.Related-news li pre{ line-height:20px; overflow:hidden; height:40px; color:#666;}

.contact-content{ margin-top:-61px;}
.contact-content .from{ height:700px; position:relative; background-repeat:no-repeat; background-position:center top;}
.contact-content .from > *{ position:relative; z-index:2;}
.contact-content .from::before{ position:absolute; z-index:0; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); content:'';}
.contact-content .from .title{ text-align:center; padding:168px 0 66px 0; color:#fff; font-size:36px;}
.contact-content .from .title span::before,
.contact-content .from .title span::after{ width:23px; height:18px; display:inline-block; content:''; vertical-align:text-top; background-image:url(../images/contact_title.png); background-repeat:no-repeat;}
.contact-content .from .title span::before{ background-position:left top; margin-right:20px;}
.contact-content .from .title span::after{ background-position: right top; margin-left:20px;}

.contact-content .from-table{ width:678px; margin:0 auto;}
.contact-content .from-table .form_err{ position:absolute; right:-15px; color:#f00; line-height:40px;}
.contact-content .from-table dl{ margin-bottom:33px;}
.contact-content .from-table dd{ position:relative; padding-left:30px; background-position:left center; background-repeat:no-repeat;}
.contact-content .from-table dd.dd_1{ background-image:url(../images/pop-icon01.png);}
.contact-content .from-table dd.dd_2{ background-image:url(../images/pop-icon02.png); float:right !important;}
.contact-content .from-table dd.dd_3{ background-image:url(../images/pop-icon03.png);}
.contact-content .from-table dd.dd_4{ background-image:url(../images/pop-icon03_1.png); margin:0 60px;}
.contact-content .from-table dd.dd_5{ background-image:url(../images/pop-icon03_2.png);}
.contact-content .from-table dd.dd_6{ background-image:url(../images/pop-icon04.png);}
.from-table-same label{ position:absolute; left:30px; line-height:40px; top:0; color:#fff; opacity:0.5; width:100%;}
.contact-content .from-table dl.row-2 dd{ float:left; width:310px;}
.contact-content .from-table dl.row-3 dd{ float:left; width:186px;}
.contact-content .from-table dl.row-3 dd select{ display:block !important;}
.contact-content .from-table dl dt{ text-align:center;}
.from-table-same .text{ width:100%; line-height:40px; height:40px; color:#fff; border:none; border-bottom:1px solid #555; background:none;}
.from-table-same select{border:none; border-bottom:1px solid #555;  line-height:40px; height:40px; width:100%;color:#666; display:block !important;}
.from-table-same .btn{ background:url(../images/pop-btn.png) no-repeat right center; height:40px; border:none;  font-size:18px; color:#fff; width:170px; padding:0 20px 0 0; cursor:pointer;}
.from-table-same .btn:hover{background-image:url(../images/pop-btn_hover.png)}
.contact-content .map,
.contact-content .edit-info{ float:left; width:50%; }
.contact-content .map{height:600px;}
.contact-content .edit-info{ }
.contact-content #allmap,
.contact-content #allmap *{ box-sizing:content-box;}
.contact-content #allmap img{ max-width:none;}

.same-margin-top{ margin-top:70px; width:100%;}

.before-service{position:relative;}
.before-service .bd ul{width:100% !important;}
.before-service .bd li{ height:780px; background-repeat:no-repeat; background-position:center top; width:100% !important;}
.before-service .center{ position:absolute; left:50%; margin-left:-600px; height:100%; top:0;}
.before-service .hd{ display:table; height:100%; float:right; width:724px; padding-bottom:30px;}
.before-service .hd ul{ display:table-cell; vertical-align:bottom;}
.before-service .hd li{ width:240px; float:left; margin-bottom:2px; padding:5px; background:rgba(0,0,0,0.1); position:relative; color:#fff; }
.before-service .hd li::before,
.before-service .hd li::after{ position:absolute; content:'';}
.before-service .hd li::before{ border:9px solid transparent; border-top-color:#a8a4a0; left:115px; top:0;}
.before-service .hd li.on::before{ display:none;}
.before-service .hd li::after{ width:65px; height:45px; background-repeat:no-repeat; background-position:center center; right:10px; bottom:10px; opacity:0.1;}
.before-service .hd li.on::after{opacity:0.8;}
.before-service .hd li.li_num1::after{ background-image:url(num_1.png);}
.before-service .hd li.li_num2::after{ background-image:url(num_2.png);}
.before-service .hd li.li_num3::after{ background-image:url(num_3.png);}
.before-service .hd li.li_num4::after{ background-image:url(num_4.png);}
.before-service .hd li img{ position:absolute; left:5px; top:5px; right:5px; bottom:5px; opacity:0; transition: ease-in-out 0.3s; width:230px; height:100px;}
.before-service .hd li.on img{ opacity:1;}
.before-service .hd li .txt{height:100px; line-height:100px; overflow:hidden; text-align:center;}
.before-service .hd li .txt h4{ font-size:24px; font-weight:bold; margin:0;}
.before-service .hd li .txt pre{ line-height:16px; font-size:13px;}

.youxuan{position:relative;}
.youxuan .bd ul{width:100% !important;}
.youxuan .bd li{ height:780px; background-repeat:no-repeat; background-position:center top; width:100% !important;}
.youxuan .center{ position:absolute; left:50%; margin-left:-600px; height:100%; top:0;}
.youxuan .hd{ display:table; height:100%; float:right; width:724px; padding-bottom:30px;}
.youxuan .hd ul{ display:table-cell; vertical-align:bottom;}
.youxuan .hd li{ width:240px; float:left; margin-bottom:2px; padding:5px; background:rgba(0,0,0,0.1); position:relative; color:#fff; }
.youxuan .hd li::before,
.youxuan .hd li::after{ position:absolute; content:'';}
.youxuan .hd li::before{ border:9px solid transparent; border-top-color:#a8a4a0; left:115px; top:0;}
.youxuan .hd li.on::before{ display:none;}
.youxuan .hd li::after{ width:65px; height:45px; background-repeat:no-repeat; background-position:center center; right:10px; bottom:10px; opacity:0.1;}
.youxuan .hd li.on::after{opacity:0.8;}
.youxuan .hd li.li_num1::after{ background-image:url(num_1.png);}
.youxuan .hd li.li_num2::after{ background-image:url(num_2.png);}
.youxuan .hd li.li_num3::after{ background-image:url(num_3.png);}
.youxuan .hd li.li_num4::after{ background-image:url(num_4.png);}
.youxuan .hd li img{ position:absolute; left:5px; top:5px; right:5px; bottom:5px; opacity:0; transition: ease-in-out 0.3s; width:230px; height:100px;}
.youxuan .hd li.on img{ opacity:1;}
.youxuan .hd li .txt{height:100px; line-height:100px; overflow:hidden; text-align:center;}
.youxuan .hd li .txt h4{ font-size:24px; font-weight:bold; margin:0;}
.youxuan .hd li .txt pre{ line-height:16px; font-size:13px;}

.h2,.h3,.h4,.h5{ padding:0; margin:0; font-weight:normal;}
.after-service{ padding-bottom:0; margin-top:70px;}
.after-service .table{ display:table; height:100%; width:100%;}
.after-service .table-cell{ display:table-cell; vertical-align: middle;}
.after-service .photo_bg{ height:600px; background-repeat:no-repeat; background-position: center center; margin-bottom:20px;}
.after-service .item1,
.after-service .item3,
.after-service .item5{ position:relative;}
.after-service .con{ position:absolute; width:100%; height:100%; text-align:center; color:#fff}
.after-service .title_cn{ font-size:60px; line-height:160%;}
.after-service .title_en{ font-size:30px; opacity:0.3; text-transform:uppercase}

.after-service .item2{ text-align:center; padding-top:20px; padding-bottom:20px;}
.after-service .item2 .center{ position:relative;}
.after-service .item2 .h3{ font-size:24px; color:#333333; padding:10px 0 30px;}
.after-service .item2 ul{ overflow:hidden;}
.after-service .item2 ul li{ float:left;width:340px; height:408px; position:relative;transition:all 0.5s ease-out 0s;}
.after-service .item2 ul li.n2{ margin:0 90px;}
.after-service .item2 ul li .pic img{ width:340px; height:225px;}
.after-service .item2 ul li .txt{ position:absolute; width:80%; left:10%; top:165px; padding:5% 10%; font-size:16px; background-color:#fff;}
.after-service .item2 ul li:hover{transform:translate(0,-10px);box-shadow:0 5px 10px rgba(130,130,130,0.3);}
.after-service .item2 .box2{ position:absolute; width:100%;}
.after-service .item2 .box2 .pic{ width:100%; position:absolute; top:-88px;}
.after-service .item2 .box2 .h4{ font-size:24px; color:#c92a32; padding-top:80px;}
.after-service .item2 .box2 .time{ font-weight:bold; color:#fff; font-size:36px; display:inline-block; line-height:60px; padding-left:90px; padding-right:47px; background:#c92a32 url(../images/icon_time.png) no-repeat 47px center}
.after-service .item2 .photo{ border:solid 1px #eeeeee;}

.after-service .item3 dl{ display:inline-block; width:150px; text-align:center;}
.after-service .item3 dl dt{ width:150px; padding:29.5px 0; margin:auto; border-radius:100px; transition: ease-in-out 0.3s; background:url(../images/after-service-yuan.png) no-repeat center center}
.after-service .item3 dl dt img{ transition: ease-in-out 0.3s;}
.after-service .item3 dl:hover dt{}
.after-service .item3 dl:hover dt img{transform-style: preserve-3d;  transform:rotateY(180deg);}
.after-service .item3 dl dd{ font-size:20px; padding-top:20px; line-height:40px;}
.after-service .item3 dl.icon{ width:162px; height:250px; opacity:0.5; background:url(../images/after-service-yuan2.png) no-repeat center 75px}
.after-service .item3_font{ margin-top:60px;}
.after-service .item3_font .h3,
.after-service .item3_font .h4{ color:#333333; text-align:center}
.after-service .item3_font .h3{ font-size:24px; padding:5px 0;}
.after-service .item3_font .h4{ font-size:18px;}
.after-service .item3_font span.line{ display:block; width:3px; height:90px; margin:auto; background-color:#cb333b; margin-bottom:-16px; position:relative; z-index:5}

.after-service .item4{ padding-top:30px;}
.after-service .item4 .h3,
.after-service .item4 .h4{ color:#333333; text-align:center}
.after-service .item4 .h3{ font-size:24px; padding:5px 0;}
.after-service .item4 .h4{ font-size:18px; padding-bottom:30px;}
.after-service .item4 .h4 span{ color:#c92a32;}
.after-service .item4 ul{ overflow:hidden;}
.after-service .item4 ul li{ float:left; width:320px; height:229px; font-size:18px;}
.after-service .item4 ul li dl{ padding:20px 30px; height:160px; border:solid 1px #e5e5e5;}
.after-service .item4 ul li.icon{ width:120px; background:url(../images/after-service-icon.jpg) no-repeat center 65px}
.after-service .item4 ul li h5{ color:#c92a32; font-size:30px;}
.after-service .item4 ul li h5:after{ margin-top:10px; content:''; width:20px; height:2px; display:block; background-color:#c92a32}

.after-service .item5 dl{ text-align:center; padding-top:15px;}
.after-service .item5 dl a{ color:#fff; font-size:24px; border:solid 1px #ddd; display:inline-block; padding:0px 26px; line-height:58px; text-align:center}


.download-content .from-bg,
.booking-content .from-bg{ height:780px; background-repeat:no-repeat; background-position:center top;}
.download-content .from-bg{ background-image:url(download_bg.jpg);}
.booking-content .bg1{ background-image:url(booking_bg1.jpg);}
.booking-content .bg2{ background-image:url(booking_bg2.jpg);}
.booking-content .bg3{ background-image:url(booking_bg3.jpg);}
.first-select{ padding-top:240px;}
.first-select h3{ text-align:center; font-weight:normal; color:#fff; font-size:24px; margin:0; padding-bottom:76px;}
.first-select h3 span{ display:block; color:#b5b5b5; font-size:16px; padding-top:15px;}
.first-select dl{ width:637px; margin:0 auto;font-size:16px;}
.first-select dt{ padding-left:56px; background:url(booking_select_type.png) no-repeat left bottom;}
.first-select dt span{ display:block; border-bottom:1px solid #999; line-height:50px;  color:#999; background:url(booking_select_type_a.png) no-repeat 98% center; cursor:pointer;}
.first-select dd{ display:none; padding-left:56px; padding-top:10px;}
.second-select dd a,
.first-select dd a{ display:block;background:rgba(255, 255, 255, 0.7); line-height:45px;height:45px; padding:0 20px; transition:0.2s;}
.second-select dd a:hover,
.first-select dd a:hover{ font-size:20px; color:#000; font-weight:bold;}
/*.second-select dd a{color:#fff; background:rgba(0, 0, 0, 0.8);}
.second-select dd a:hover{color:#fff; }*/

.second-select{ padding-left:72px; padding-top:160px; width:667px;}
.second-select_after{ padding-top:132px;}
.second-select .title{color:#fff; font-size:24px;}
.second-select .title span{ display:block; color:#b5b5b5; font-size:16px; padding-top:5px;}
.second-select dl{  margin:36px 0;padding-left:50px; background:url(../images/booking_select_before.png) no-repeat left bottom; position:relative;}
.second-select dl.dl_after{ background-image:url(../images/booking_select_after.png);}
.second-select dl dt{ cursor:pointer; border-bottom:1px solid #787878; line-height:45px; font-size:16px; color:#919191; background:url(../images/booking_select_type_a.png) no-repeat 96% center;}
.second-select dl dd{ position:absolute; width:545px; left:50px; top:100%; z-index:10; display:none; font-size:16px;}
.second-select .input-list li{ position:relative; padding-left:30px; padding-right:17px; margin-bottom:10px; background-repeat:no-repeat; background-position:left bottom;}
.second-select .input-list li.li_name{ background-image:url(pop-icon01.png);}
.second-select .input-list li.li_tel{ background-image:url(pop-icon02.png);}
.second-select .input-list li.li_ask{ background-image:url(../images/pop-icon06.png);}
.second-select .input-list li.li_area{ background-image:url(../images/pop-icon03.png);}
.second-select .input-list li.li_city{ background-image:url(../images/pop-icon03_1.png);}
.second-select .input-list li.li_strict{ background-image:url(../images/pop-icon03_2.png);}
.second-select .input-list li.li_company{ background-image:url(../images/pop-icon07.png);}
.second-select .input-list li.li_txt{ background-image:url(../images/pop-icon08.png);}
.second-select .input-list li.li_p{ background-image:url(../images/pop-icon09.png);}
.second-select .input-list li.li_time{ background-image:url(../images/pop-icon010.png);}
.second-select .input-list li.li_code{ background-image:url(../images/pop-icon011.png);}
.second-select .input-list li .form_err{ position:absolute; right:0; top:0;color:#0081cc; line-height:40px;}
.second-select .input-list ul.row-2 li{ float:left; width:263px;}
.second-select .input-list ul.row-2 li:nth-child(2n){ float:right;}
.second-select select{ color:#9fa3a4;border-bottom-color:#787878;}
.second-select select option:first-child{ display:none;}
.second-select .text{border-bottom-color:#787878;}
.second-select .btn-box{ padding-top:30px;}
.second-select .btn-box .btn{ width:150px; font-size:16px; height:36px; line-height:36px; padding-right:37px;} 

.download-content .center{ padding-top:210px; padding-left:72px;font-size:16px;}
.download-content .name{ font-size:36px; color:#fff;}
.download-content .select{ width:750px; margin:36px 0;}
.download-content .select dl{ float:left; width:358px; position:relative;}
.download-content .select dl.category_two{ float:right;}
.download-content .select dt{ line-height:60px; color:#999; cursor:pointer; background:url(../images/booking_select_type_a.png) no-repeat 95% center; border-bottom:1px solid #999;}
.download-content .select dd{ display:none; position:absolute; left:0; width:100%; top:100%; padding:10px 0;}
.download-content .select dd span{ display:block; padding:0 20px; background-color:rgba(255,255,255,0.5); line-height:40px; height:40px;cursor:pointer; transition:0.2s; color:#333;}
.download-content .select dd span:hover{font-size:20px; color:#000; font-weight:bold;}
.download-content .submit-btn a{ display:inline-block; text-align:center; width:153px; line-height:36px; color:#fff; background:url(../images/pop-btn.png) no-repeat right center; padding-right:40px;}

.download-result h5{ font-size:18px; color:#fff; padding:40px 0 20px 0; margin:0; font-weight:normal;}
.download-result li{ line-height:35px;padding-left:33px; background:url(../images/pdf.png) no-repeat left center;}
.download-result li a{ color:#999;}
.download-result li a:hover{ color:#0081cc;}

.pass-download{ padding-top:45px;}
.pass-download a{ display:inline-block; color:#fff; padding:0 27px; background:#0081cc; line-height:36px;}

.Have-files{ padding-top:30px; overflow:hidden;}
.Have-files >*{ float:left;}
.Have-files .text{ border-radius:4px 0 0 4px; border:1px solid #000; background:#fff; width:400px; line-height:50px; height:50px; padding:0 10px; border-right:0;}
.Have-files .btn{ height:50px; width:150px; border:1px solid #000;border-left:0; background:#0081cc; color:#fff; border-radius:0 4px 4px 0; font-size:16px; cursor:pointer;}

.Social-content .banner{ height:700px; background-position:center top; background-repeat:no-repeat;}
.Social-one{ background:url(../images/social-bg.jpg) no-repeat center top; height:600px; overflow:hidden;}
.Social-one .box{ float:left; width:50%;}
.Social-one .left-con{ float:right; width:600px; padding:65px 65px 0 0; height:403px; overflow:hidden;}
.Social-one .small-pic{ position:relative; clear:both; width:960px; float:right; margin-right:5px;}
.Social-one .small-pic .bx-controls-direction a{ top:auto; margin:0; bottom:0;background:#f9f9f9; z-index:10;}
.Social-one .small-pic .bx-controls-direction a:hover{ background:#0081cc;}
.Social-one .small-pic .bx-controls-direction a::before{ background:url(info_pn.gif) no-repeat left top;}
.Social-one .small-pic .bx-controls-direction a.bx-prev{ left:auto; right:-55px;}
.Social-one .small-pic .bx-controls-direction a.bx-next{ right:-105px;}
.Social-one .small-pic .bx-controls-direction a.bx-next::before{ background-position: right top;}
.Social-one .small-pic .bx-controls-direction a.bx-next:hover::before{ background-position: right bottom;}
.Social-one .small-pic .bx-controls-direction a.bx-prev:hover::before{ background-position: left bottom;}
.Social-one .small-pic li{ float:left; width:320px; text-align:right;}
.Social-one .small-pic li img{ width:315px; height:197px;}
.Social-one .right-img{  overflow:hidden;}
.Social-one .right-img ul{ float:right; position:relative; width:960px;height:600px;}
.Social-one-1 .right-img ul{ float:left;}
.Social-one .right-img li{width:100%; height:100%; position:absolute; left:0 ;top:0;}
.Social-one .right-img li img{ display:block; height:100%;}
.Social-one-2 .small-pic{ float:left; margin-left:5px; margin-right:0;}
.Social-one-2 .small-pic li{ text-align:left;}
.Social-one-2 .small-pic .bx-controls-direction a.bx-prev{ left:-105px;}
.Social-one-2 .small-pic .bx-controls-direction a.bx-next{ left:-55px;}
.Social-one-2 .left-con{ float:left; padding:65px 0 0 65px;}
.Social-content .edit-title{ clear:both;}

.Social-news .title{ padding:60px 0 30px 0; text-align:center; font-size:36px; color:#333;}
.Social-news .title p{ margin:0; padding-top:10px; font-size:16px; color:#555;}
.Social-news .bx-wrapper{ position:relative;}
.Social-news li{ float:left; width:370px; margin-right:30px;}
.Social-news li a{ display:block;}
.Social-news li .pic img{ display:block; width:100%; height:240px;}
.Social-news li p{ font-size:18px; margin:0; padding:18px 0;}
.Social-news li pre{ color:#999; line-height:24px; min-height:48px;}
.Social-news li aside{font-size:18px; font-family:"微软雅黑"; color:#999;border-bottom:1px solid #e5e5e5; padding:15px 0;}
.Social-news li aside span{ font-size:36px;}
.Social-news li a:hover aside{ color:#0081cc; border-bottom-color:#0081cc;}
.Social-news li a:hover p{ color:#0081cc;}
.Social-news{ padding-bottom:117px;}
.Social-news .bx-controls-direction a{ margin-top:-125px;}

/*编辑器内容 样式*/
#info_itemid_1{ height:865px; background-position:center top; background-repeat:no-repeat;}
#info_itemid_1 .center{ position:relative; width:840px;}
#info_itemid_1 .pic{ padding-top:230px; text-align:center;}
#info_itemid_1 .float_icon li{ width:120px; height:120px; text-align:center; list-style:none; position:absolute;}
#info_itemid_1 .float_icon li .icon{ width:80px; height:80px; margin:0 auto; border:2px solid #fff; border-radius:50%;}
#info_itemid_1 .float_icon li .icon img{ display:block; width:80px; height:80px;}
#info_itemid_1 .float_icon li .icon img.hover{ display:none;}
#info_itemid_1 .float_icon li .txt{ display:none;font-size:16px; color:#ddd; line-height:35px;white-space:nowrap;}
#info_itemid_1 .float_icon li .txt_right{ left:80px;}
#info_itemid_1 .float_icon li .txt_left{ right:80px;}
#info_itemid_1 .float_icon li:hover .icon{ background:#0081cc;}
#info_itemid_1 .float_icon li:hover .icon img{ display:none;}
#info_itemid_1 .float_icon li:hover .txt,
#info_itemid_1 .float_icon li:hover .icon img.hover{display:block;}

#info_itemid_2{ height:auto;}



.prod-parameter .example-table td{ border:1px solid #efefef; line-height:24px; padding:8px 15px; text-align:center;}
.prod-parameter .example-table td.bgcolor{ background:#fdfdfd;}
.prod-parameter .example-table td.intro{ width:444px; text-align:left; color:#b6b6b6; font-size:12px; padding-right:0;}

.prod-parameter-more{ padding:20px 0;}
.prod-parameter-more .parameter-table th{ color:#fff; background-color:#555555;padding:10px 0; font-weight:normal;}
.prod-parameter-more .parameter-table td{ text-align:center; padding:10px 0; border:solid 1px #efefef;}
.prod-parameter-more .parameter-table td.td_name{ padding-left:20px; text-align:left; background-color:#fbfbfb;}
.prod-parameter-more .parameter-table td.td_red{ background-color:#c81624; color:#fff;}

.con_hide{ display:none;}

.sample-css-53{ position:absolute; right:0; top:0; height:100%;background-color:rgba(255,255,255,0.5); width:450px; padding:40px;}
.sample-css-53 .title,
.sample-css-53 .name{ font-size:24px;}
.sample-css-53 .name{ color:#333; padding-bottom:60px;}
.sample-css-53 .number{ display:inline-block;}
.sample-css-53 .number span{ display:block; overflow:hidden; font-size:72px; color:#0081cc; font-weight:bold; font-family:"微软雅黑"; line-height:54px; height:42px;}
.sample-css-53 .number::after{ display:block; content:''; height:3px; background:#0081cc; margin-top:3px;} 
.sample-css-53 .title{ color:#0081cc; padding-bottom:30px;}
.sample-css-53 li{ line-height:24px; padding-left:16px; position:relative; }
.sample-css-53 li::before{ position:absolute; content:'·'; left:0; top:0; font-size:32px; color:#555;}

#contact_info_21{display:table; height:600px; width:100%;}
#contact_info_21 section{ padding:0 8%;}
#contact_info_21 .con{ display:table-cell; vertical-align:middle;}
#contact_info_21 h1{ margin:0; color:#333; font-size:36px; font-weight:normal; padding-bottom:47px;}
#contact_info_21 li{ font-size:18px; color:#999; margin-bottom:17px;}
#contact_info_21 li img{ vertical-align:text-bottom;}
#contact_info_21 li span a{ font-size:24px;}
#contact_info_21 li span{ color:#555;}

.content-18 h1{ margin:0; font-size:20px; font-weight:normal; color:#333;}
.content-18 h1::after{ display:block; content:''; background:#0081cc; width:30px; height:4px; margin:16px 0;}
.content-18 p.p1{ line-height:24px;}
.content-18 p.p2{ line-height:30px;}
.content-18 p.p3{ font-size:16px; line-height:30px;}
#content-18-2 .ul_num{ margin-top:50px;}
.content-18 .ul_num{ display:table; width:100%; margin-top:20px;}
.content-18 .ul_num li{ display:table-cell; border-bottom:1px solid #e5e5e5; font-size:18px; color:#0081cc; line-height:50px;}
.content-18 .ul_num li span{ font-weight:bold; font-size:30px; font-family:"微软雅黑";}

.ul-youshi-83 li{ float:left; width:16%; text-align:center; font-size:12px; padding-top:20px;}
.ul-youshi-83 li .pic{ padding-bottom:8px;}
.ul-youshi-83 li .pic img{ border-radius:10px; border:0.1rem solid #c6c6c6; transition:0.3s; width:70px; height:70px;}
.ul-youshi-83 li .pic img.off{ display:none;}
.ul-youshi-83 li span{ min-height:42px; display:block;}
.ul-youshi-83 li:hover .pic img{ display:none; background-color:#0081cc; border:none;}
.ul-youshi-83 li:hover .pic img.off{ display:inline-block; border:none;}
/*编辑器内容 样式 end*/

/*index*/
.index-floor{ background-color:#fff;}
.floor-5{ background-color:transparent;}
.index-floor,
.group-intro{ position:relative; z-index:1;}
 
/*home banner*/
.home-banner li{  position:relative; background-position:center center; background-repeat:no-repeat; background-size:100% 100%;}
.home-banner li a{ width:100%; height:100%;}
.home-banner .bx-controls-direction a{ width:42px; height:73px; margin-top:-36px; background:url(banner_btn.png) no-repeat left top;}
.home-banner .bx-controls-direction a.bx-prev{ left:3%;}
.home-banner .bx-controls-direction a.bx-next{ right:3%; background-position: right top;}
.home-banner .bx-pager{ display:table; z-index:20; position:relative; margin:0 auto; margin-top:-34px; height:34px;}
.home-banner .bx-pager div{ float:left; background:#fff; height:34px; padding:0 8px; padding-top:12px;}
.home-banner .bx-pager a{ display:block;  width:15px;height:15px; background:url(banner_dots.png) no-repeat -17px 0;}
.home-banner .bx-pager a.active{ background-position:0 0;}
.home-banner .bx-pager::before,
.home-banner .bx-pager::after{ float:left; content:''; vertical-align:middle; background:url(banner_dots.png) no-repeat 0 -17px; width:46px; height:34px;}
.home-banner .bx-pager::after{ background-position: right bottom;}
/*home banner end*/

.index-floor .title{ padding:80px 0 50px 0; text-align:center; font-size:28px; color:#333; font-family:"微软雅黑";}
.index-floor .title span{ display:block; font-size:16px; color:#999; padding-top:5px; font-family:"微软雅黑"; font-weight:lighter;}


.index-floor .title,
.index-floor .center{ position:relative;}
.index-floor .ani-things{ position:absolute; background:#0081cc; transition:height ease-in-out 0.5s;}
.index-floor .title .ani-things{height:0; left:90px; top:0; width:4px;}
.index-floor .title .ani-things.show{ height:203px;}

.index-more{ width:128px; height:30px; line-height:30px; display:block; color:#0081cc; font-size:18px; font-weight:normal; padding-left:20px;}
.index-more:hover{color:#044d77;}

.floor-1{ overflow-x:hidden;}
.floor-1 .container{ width:100%; background:#f6f6f6; padding:35px 0; margin-bottom:60px;}
.floor-1 .icon-group{ position:relative; width:1200px; margin:0 auto;}
.floor-1 .icon-group dd{ float:left; width:20%; text-align:center; position:relative;}
.floor-1 .icon-group dd i{ height:80px; position:absolute; right:0; top:35px; border-left:1px solid #ddd;}
.floor-1 .icon-group dd:last-child i{ display:none;}
.floor-1 .icon-group dd:hover .on,.floor-1 .icon-group dd.on .on,.floor-1 .icon-group dd .off{ display:none;}
.floor-1 .icon-group dd:hover .off,.floor-1 .icon-group dd.on .off{ display:inline-block;transform-style: preserve-3d; transform:rotateY(180deg);}

.floor-1 .icon-group dd .on{ transition: ease-in-out 0.3s;}
.floor-1 .icon-group dd:hover .on{ transform-style: preserve-3d; transform:rotateY(360deg);}

.floor-1 .icon-group dd .off{transition: ease-in-out 0.3s;}
.floor-1 .icon-group dd:hover .off{ transform-style: preserve-3d; transform:rotateY(360deg);}

.floor-1 .icon-group dd p{ padding:10px 0; margin:0;}
.floor-1 .icon-group .pic{ display:table; margin:25px auto 0; text-align:center; height:67px; transition:0.3s; overflow:hidden;}
.floor-1 .icon-group dd:hover .pic,.floor-1 .icon-group dd.on .pic{ height:67px;}
.floor-1 .icon-group .pic-cell{ display:table-cell; vertical-align:bottom; transition:0.3s;}
.floor-1 .icon-group dd:hover .pic-cell,.floor-1 .icon-group a.on .pic-cell{vertical-align:middle;}
.floor-1 .icon-group .pic img{ height:67px; padding:0 15px;}
.floor-1 .icon-group dd:hover .pic img,.floor-1 .icon-group dd.on .pic img{ height:67px; }
.floor-1 .icon-group dd:hover .dot,.floor-1 .icon-group dd.on .dot{ color:#0081cc;}




.group-intro{ width:1200px; margin:0 auto;}
.group-intro .intro{overflow:hidden;}
.group-intro .intro .box{ /*overflow:hidden;*/float:left; width:50%; position:relative;}
.group-intro .left-img{ width:100%; float:right; position:relative;}
.group-intro .left-img img{ display:block; max-width:none; width:100%;}


.group-intro .main{ width:600px; padding:30px 0 0 20px;}
.group-intro .main .name,
.group-intro .main .pre{ padding:0 13px;margin:0; line-height:26px;}
.group-intro .main .name{ font-size:30px; color:#333; font-weight:normal; padding-bottom:30px;}
.group-intro .main .pre{ font-size:16px;}
.group-intro .main .youshi{ height:180px; overflow:hidden; position:relative; margin-top:10px;}
.group-intro .main .hover{ position:absolute; left:0; top:0; width:100%; border:1px solid #f0f0f0; background:rgba(255,255,255,0.95); border-radius:10px; padding:20px 12px; line-height:26px; display:none; max-height:300px; overflow:auto;}



.floor-2 .center{ padding-bottom:140px;}
.floor-2 .center > .ani-things{  height:0;top:595px; right:62px; width:3px;}
.floor-2 .center > .ani-things.show{ height:140px;}
.floor-2 .title .ani-things.show{height:196px;}
.floor-2 .left-number{ float:left; height:400px; overflow:hidden; background:#f9f9f9; width:660px; padding:18px 45px 45px 45px;}
/*编辑器*/
.floor-2 .left-number .ul_num{ padding-left:20px; background:url(../images/floor-2-ulbg.png) no-repeat left center; float:left; margin-left:27px; font-size:16px;}
.floor-2 .left-number .ul_num li{ padding:23px 0;}
.floor-2 .left-number .ul_num li span{ font-family:"微软雅黑";font-size:60px; color:#0081cc; font-weight:bold;}
.floor-2 .left-number .ul_num li i{ font-size:30px;color:#0081cc; font-style:normal; }
/*编辑器 end*/
.floor-2 .right-image{ float:right; width:540px; position:relative;}
.floor-2 .right-image li img{ display:block; width:100%; height:400px;} 
.floor-2 .bx-controls-direction a{ top:auto; margin:0; left:0; bottom:0;}
.floor-2 .bx-controls-direction a.bx-next{ right:auto; left:50px;}


.Intimate-choice{ background:#f8f8f8; height:750px; position:relative;}
.Intimate-choice .bg{ display:none; width:100%; height:600px; overflow:hidden;/*background-position:center top; background-repeat:no-repeat;*/ }
.Intimate-choice .bg > img{ position:absolute; width:100%; height:600px;}
.Intimate-choice .bg .edit-info{ position:relative; z-index:3; height:600px;overflow:hidden;}
.Intimate-choice .bg .edit-info .dingzhi{ width:650px; height:250px; margin:220px auto 0;text-align:center; font-size:50px; line-height:40px; color:#0081cc;letter-spacing:5px; font-weight:normal;}
.Intimate-choice .bg .edit-info .dz1{ padding-top:50px;}
.Intimate-choice .bg .edit-info .dz2{ padding-left:30px;}

.Intimate-choice .select-form{ position:relative; width:1200px; height:600px; margin-top:-600px;z-index:3; padding:0 5px;}
.Intimate-choice .main{}
.Intimate-choice .ul_checked{ position:relative; width:1080px; height:540px; margin:30px auto;background: url(i101.png) no-repeat center;background-size: 100%;}
.Intimate-choice .ul_checked li{ width:120px; height:120px; text-align:center; cursor:pointer; padding-top:3px; background:#fff;border-radius:50%;}
.Intimate-choice .ul_checked li::after{ display:block; content:''; width:20px; height:20px; margin:0 auto; background:url(choice-dot.png) no-repeat center center;}
.Intimate-choice .ul_checked li.selected::after,
.Intimate-choice .ul_checked li:hover::after{ background-image:url(choice-dot-check.png);}
.Intimate-choice .ul_checked li .pic{ overflow:hidden; position:relative; width:45px; height:53px; margin:14px auto 0;}
.Intimate-choice .ul_checked li .pic img{ position:absolute; left:0;width:45px; height:53px; /*transition:0.6s;*/}
.Intimate-choice .ul_checked li .icon{ top:0;}
.Intimate-choice .ul_checked li .img,
.Intimate-choice .ul_checked li.selected .icon,
.Intimate-choice .ul_checked li:hover .icon{ opacity:0;}
.Intimate-choice .ul_checked li .img{ top:-20px;}
.Intimate-choice .ul_checked li .icon,
.Intimate-choice .ul_checked li.selected .img,
.Intimate-choice .ul_checked li:hover .img{ opacity:1;}
.Intimate-choice .ul_checked li.selected .img,
.Intimate-choice .ul_checked li:hover .img{ top:0;}
.Intimate-choice .ul_checked li.selected .icon,
.Intimate-choice .ul_checked li:hover .icon{  top:20px;}
.Intimate-choice .ul_checked li p{ font-size:14px; margin:0; padding:5px 5px 2px 5px; color:#999;}

.Intimate-choice .ul_checked .li1{ position:absolute; top:36%; left:0;}
.Intimate-choice .ul_checked .li2{ position:absolute; top:0; left:44%;}
.Intimate-choice .ul_checked .li3{ position:absolute; top:36%; right:0;}
.Intimate-choice .ul_checked .li4{ position:absolute; bottom:0; left:44.5%;}


.Intimate-choice .btn-select{ padding-top:30px;}
.btn-select{text-align:center;}
.btn-select a{ display:inline-block; height:46px; vertical-align:middle; transition:0.3s;}
.btn-select a.btn{border-radius:5px; line-height:46px; width:180px; text-align:center; padding:0 30px; color:#fff; background:#0081cc; border:1px solid transparent; font-size:16px;margin-left:30px;}
.btn-select a.btn::after{ display:inline-block; content:''; font-family:"微软雅黑"; margin-left:10px; vertical-align:middle; color:#fff; font-weight:bold;}
.btn-select a.btn:hover{ background:#fff; border-color:#0081cc; color:#0081cc;}
.btn-select a.btn:hover::after{color:#0081cc;}
.Intimate-choice .btn-select .next-step{ display:none;}
.btn-select .next-step a.back{ width:46px; height:46px; background:url(back.png) no-repeat; }
.btn-select .next-step a.back:hover{ background-image:url(back_hover.png);}
.select-result .center a.backsolution{ display: inline-block;vertical-align: middle;    margin-left: 400px;position: absolute;margin-top: 60px;width:46px; height:46px; background:url(back.png) no-repeat; }
.select-result .center a.backsolution:hover{ background-image:url(back_hover.png);}
.Intimate-choice .btn-select .free,
.Intimate-choice .btn-select .online{ display:none;}
.btn-select a.online{ background-color:#d8a143;}
.btn-select a.online::after,
.btn-select a.free::after{ display:none;}
.btn-select .free::before,
.btn-select .online::before{display:inline-block; content:''; width:20px; height:20px; vertical-align:middle; background-position:center center; background-repeat:no-repeat; margin-right:10px;}
.btn-select .free::before{ background-image:url(free.png);}
.btn-select .free:hover::before{ background-image:url(free_hover.png);}
.btn-select .online::before{ background-image:url(online.png);}
.btn-select .online:hover::before{ background-image:url(online_hover.png);}

.Intimate-choice .select-form .form{ display:none; width:65%; float:right;padding-top:47px; height:220px;}
.Intimate-choice .select-form .form-con{ padding-left:48px;border-left:1px solid #e9e9e9;}
.Intimate-choice .select-form .form-con td{  padding:15px 30px 15px 0;}
.Intimate-choice .select-form .form-con td select,
.Intimate-choice .select-form .form-con td .text{ width:120px;border:none; height:30px; line-height:30px; border-bottom:1px solid #e9e9e9; color:#999;display: block !important;}
.Intimate-choice .select-form .form-con td aside{ padding-right:30px; position:relative;}
.Intimate-choice .select-form .form-con td aside i{ font-style:normal; position:absolute; right:22px; top:0; color:#0081cc;line-height:30px; }
.Intimate-choice .select-form .form-con td aside span{ position:absolute; right:0; top:0; line-height:30px;}
.Intimate-choice .select-form .form-con td:last-child{ padding-right:0;}
.Intimate-choice .maintostep-2 .ul_checked{ float:left; width:600px; margin:0 2%; padding:0;}
.Intimate-choice .maintostep-2 .ul_checked li{ cursor:default;}

.Intimate-choice .main_checked_1 .ul_checked{ width:100%;}
.Intimate-choice .main_checked_1 .ul_checked li{ width:100%;}


.Intimate-choice .main_checked_1 .ul_checked{ height:220px; background:#fff; margin-top:400px; margin-bottom:40px;}
.Intimate-choice .main_checked_1 .ul_checked ul{ width:30%; float:left; height:220px; position:relative; background:none;}
.Intimate-choice .main_checked_1 .ul_checked ul li{ width:25%; position:absolute; top:0; left:30%; text-align:center; cursor:pointer; padding-top:32px; background:none;}
.Intimate-choice .main_checked_1 .ul_checked ul li::after{ display:block; content:''; width:20px; height:20px; margin:0 auto; background:url(choice-dot.png) no-repeat center center;}
.Intimate-choice .main_checked_1 .ul_checked ul li.selected::after,
.Intimate-choice .main_checked_1 .ul_checked ul li:hover::after{ background-image:url(choice-dot-check.png);}
.Intimate-choice .main_checked_1 .ul_checked ul li .pic{ overflow:hidden; position:relative; width:75px; height:88px; margin:0 auto;}
.Intimate-choice .main_checked_1 .ul_checked ul li .pic img{ position:absolute; left:0;width:75px; height:88px; transition:0.3s;}
.Intimate-choice .main_checked_1 .ul_checked ul li .icon{ top:0;}
.Intimate-choice .main_checked_1 .ul_checked ul li .img,
.Intimate-choice .main_checked_1 .ul_checked ul li.selected .icon,
.Intimate-choice .main_checked_1 .ul_checked ul li:hover .icon{ opacity:0;}
.Intimate-choice .main_checked_1 .ul_checked ul li .img{ top:-20px;}
.Intimate-choice .main_checked_1 .ul_checked ul li .icon,
.Intimate-choice .main_checked_1 .ul_checked ul li.selected .img,
.Intimate-choice .main_checked_1 .ul_checked ul li:hover .img{ opacity:1;}
.Intimate-choice .main_checked_1 .ul_checked ul li.selected .img,
.Intimate-choice .main_checked_1 .ul_checked ul li:hover .img{ top:0;}
.Intimate-choice .main_checked_1 .ul_checked ul li.selected .icon,
.Intimate-choice .main_checked_1 .ul_checked ul li:hover .icon{  top:20px;}
.Intimate-choice .main_checked_1 .ul_checked ul li p{ font-size:16px; margin:0; padding:10px 5px 20px 5px;}



.Intimate-choice .main_checked_2 .ul_checked{ width:340px;margin:0 8%;}
.Intimate-choice .main_checked_2 .ul_checked li{ width:50%;}
.Intimate-choice .main_checked_3 .ul_checked{ width:470px;margin:0 5%;}
.Intimate-choice .main_checked_3 .ul_checked li{ width:33.33333333%;}
.Intimate-choice .main_checked_4 .ul_checked{ width:550px;margin:0 3%;}
.Intimate-choice .main_checked_4 .ul_checked li{ width:25%;}
.Intimate-choice .main_checked_5 .ul_checked{ width:650px;}
.Intimate-choice .main_checked_5 .form-con td{ padding-right:10px;}
.Intimate-choice .main_checked_5 .form-con td aside{padding-right:20px;}

.Intimate-choice .maintostep-2 li{ display:none;}
.Intimate-choice .maintostep-2 li.selected{ display:block;}

.Intimate-choice .select-result{ display:none; margin-top:-510px; height:610px; position:relative; background:rgba(255,255,255,0.5); border:1px solid rgba(255,255,255,0.8); box-shadow:0 0 20px rgba(0,0,0,0.06); overflow:hidden;}
.select-result-wrap{ padding:20px;}
.select-result-wrap .pic{ float:left; border:1px solid  #f1f1f1;}
.select-result-wrap .pic img{ display:block; width:720px; height:560px;}
.select-result-wrap .txt-con{ float:right; width:410px;}
.select-result-wrap .overflow-auto{ overflow:auto;width:410px; height:465px;}
.select-result-wrap .txt-con .tit{ font-size:20px; margin:0 0 20px 0; p adding:20px 0; color:#333; border-bottom:1px solid #ccc;}
.select-result-wrap .view{/* padding-top:20px;*/}
.select-result-wrap .view dd{ /*float:left; margin-right:10px;*/ text-align:right;}
.select-result-wrap .view dd a{/* display:inline-block; color:#999; border:1px solid #ddd; padding:0 46px; line-height:44px; transition:0.3s;*/ font-size:12px;}
.select-result-wrap .view dd a:hover{ color:#0081cc; border-color:#0081cc;}

.postion-next-step-3{ height:auto;}
.postion-next-step-3 .btn-select{ position:relative;}
.postion-next-step-3 .btn-select a.btn{ width:130px; padding:0 15px;}
.postion-next-step-3 .next-step{ position:absolute; width:410px; right:20px; bottom:80px; z-index:50;}



.floor-3{ position:relative;height:700px; overflow:hidden;}
.floor-3 .box{ float:left; width:50%;}
.floor-3 .box-right{ padding-left:60px;}
.floor-3 .category,
.floor-3 .title{ width:100%;}
.floor-3 .title{ text-align:center; padding-bottom:40px;}
.floor-3 .category{ position:relative;}
.floor-3 .category dl{ overflow:hidden;}
.floor-3 .category dl dd{ float:left; width:150px;position:relative; height:100px; margin-right:8px; margin-bottom:9px;}
.floor-3 .category dd a{ display:block;  text-align:center;}
.floor-3 .category dd .hover{ display:none; position:absolute; left:0; top:0; right:0; bottom:0; border:2px solid #333; padding:1px; z-index:1;}
.floor-3 .category dd .hover img{ width:100%; height:100%;}
.floor-3 .category dd .pic{ display:table; height:60px; width:100%;}
.floor-3 .category dd .pic-cell{ display:table-cell; vertical-align:bottom; }
.floor-3 .category dd .pic img{ max-width:150px; max-height:60px;}
.floor-3 .category dd p{ margin:0; padding-top:10px;}
.floor-3 .category dd a:hover .hover,
.floor-3 .category dd.on a .hover{ display:block;}
.floor-3 .category dd a:hover p,
.floor-3 .category dd.on a p{ position:absolute; left:0; bottom:0; width:100%; line-height:28px; padding:0; background:#333; color:#fff; z-index:2;}
 

.floor-3 .box-left{ position:relative; z-index:10;}
.floor-3 #iframe{ position:absolute; left:50%; margin-left:-960px; top:0; width:1920px; height:600px;}






#sequence {margin: 0 auto;position: relative;overflow: hidden;width: 100%;max-width: 1280px;font-size: 0.625em;margin: 0 auto;position: relative;height: 400px;}
.sequence-pagination {width:48%;display: none;left: 0;position: absolute;z-index: 10;
  -webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-ms-transition-duration: 0.5s;-o-transition-duration: 0.5s;transition-duration: 0.5s;
}
.sequence-pagination li {width:32%; text-align:center;display: inline-block;*display: inline;height: 140px;}
.sequence-pagination li p{ color:#333;}
.sequence-pagination li .img01 {cursor: pointer; display:block; width:55px; margin:0 auto;
	-webkit-transition-duration: 1s;-moz-transition-duration: 1s;-ms-transition-duration: 1s;-o-transition-duration: 1s;transition-duration: 1s;-webkit-transition-property: margin-bottom, opacity;
	-moz-transition-property: margin-bottom, opacity;-ms-transition-property: margin-bottom, opacity;-o-transition-property: margin-bottom, opacity;transition-property: margin-bottom, opacity;}
.sequence-pagination li .img02 {cursor: pointer; display:none;
	-webkit-transition-duration: 1s;-moz-transition-duration: 1s;-ms-transition-duration: 1s;-o-transition-duration: 1s;transition-duration: 1s;-webkit-transition-property: margin-bottom, opacity;
	-moz-transition-property: margin-bottom, opacity;-ms-transition-property: margin-bottom, opacity;-o-transition-property: margin-bottom, opacity;transition-property: margin-bottom, opacity;}
.sequence-pagination li p {cursor: pointer;opacity: 0.5;
	-webkit-transition-duration: 1s;-moz-transition-duration: 1s;-ms-transition-duration: 1s;-o-transition-duration: 1s;transition-duration: 1s;-webkit-transition-property: margin-bottom, opacity;
	-moz-transition-property: margin-bottom, opacity;-ms-transition-property: margin-bottom, opacity;-o-transition-property: margin-bottom, opacity;transition-property: margin-bottom, opacity;}
.sequence-pagination li img:hover {margin-bottom: 4px;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-ms-transition-duration: 0.3s;-o-transition-duration: 0.3s;transition-duration: 0.3s;}
.sequence-pagination li.current .img01 { display:none;}
.sequence-pagination li.current .img02 { display:block; width:55px; margin:0 auto;}

.sequence-pagination li.current p {opacity: 1; color:#0081cc;}

#sequence > .sequence-canvas {height: 100%;width: 100%;}
#sequence > .sequence-canvas > li {position: absolute;width: 50%; right:0;height: 100%;z-index: 1;top: 0;}
#sequence > .sequence-canvas > li img {height: 96%;}
#sequence > .sequence-canvas li > * {
	position: absolute;-webkit-transition-property: left, opacity;-moz-transition-property: left, opacity;-ms-transition-property: left, opacity;-o-transition-property: left, opacity;transition-property: left, opacity;
}





.model {
  left: 30%;
  top:0;
  opacity: 0;
  position: relative;
  height: auto !important;
  width: 100%;
}

.animate-in .model {left:0;opacity: 1;-webkit-transition-duration: 1s;-moz-transition-duration: 1s;-ms-transition-duration: 1s;-o-transition-duration: 1s;transition-duration: 1s;}
.animate-out .model {left: 15%;opacity: 0;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-ms-transition-duration: 0.5s;-o-transition-duration: 0.5s;transition-duration: 0.5s;}






.floor-4 .container{ background:#f3f3f3;}
.floor-4 .center{ padding:50px 0;  position:relative;}
.index-news-top{ position:relative; float:left; width:620px;}
.index-news-top .pic img{ display:block; width:100%; height:410px;}
.index-news-top .txt{ margin:-60px 70px 0 70px; background:#f9f9f9; padding:10px 40px 0 112px; position:relative; z-index:2; min-height:140px;box-shadow: 5px 5px 5px #ccc;}
.index-news-top .txt time{ position:absolute; left:22px; top:10px; color:#0081cc;font-size:16px; text-align:center;}
.index-news-top .txt time span{ display:block; border-bottom:1px solid #0081cc; font-size:56px; margin-bottom:10px;}
.index-news-top .txt h4{ font-size:20px; font-weight:normal; color:#666; margin:0; padding:30px 10px 10px 0; text-align:center;}
.index-news-top .txt pre{ font-size:15px; line-height:30px; overflow:hidden; text-align:center;}
.index-news-top .hd{ position:absolute; z-index:10; right:70px; bottom:-25px;}
.index-news-top .hd li{ float:left; width:12px; height:12px; line-height:1000px; overflow:hidden; cursor:pointer; background:#ddd; border-radius:50%; margin-left:11px;}
.index-news-top .hd li.on{ background:#0081cc;}

.news-Default{ float:right; width:560px;}
.news-Default .hd{ overflow:hidden;}

.news-Default .list{ }

ul,li{ list-style:none;}
/*new*/
.news-Default .list{ width:540px; margin:0 auto 45px;}
.news-Default .list ul li{ height:75px; background:#f4f4f4; margin-bottom:9px; position:relative;}
.news-Default .list ul li .Date{ width:120px; height:75px; float:left; margin-right:20px;}
.news-Default .list ul li .Date img{ width:120px; height:75px;}
.news-Default .list ul li .new_txt{ padding-top:5px;}
.news-Default .list ul li .new_txt span{ font-size:15px;}
.news-Default .list ul li .new_txt p{ line-height:23px; margin-top:5px;}
.news-Default .list ul li .new_txt a{ color:#666; font-size:15px; display:block; }
.news-Default .list ul li .new_txt a:hover{ color:#0081cc;}
/*new*/
 

.floor-5 .bg{ position:relative; background-position:center top; background-repeat:no-repeat;background-attachment: fixed;}
.floor-5 .edit-info{ position:relative; z-index:3; height:650px; text-align:center;}
.floor-5 .edit-info img{ width:650px; margin:150px auto 0;}

.floor-6{ padding-bottom:100px;}
.floor-6 .container{ background:url(message_bg.jpg) no-repeat;}
.floor-6 .center{ z-index:3;}
.floor-6 .title{ padding-bottom:40px; position:relative;}
.floor-6 .main{ height:444px; overflow:hidden; position:relative; z-index:10;}
.clear{ clear:both;}
.floor-6 .index-from{ margin-left:69px; padding-top:80px; width:100%;}
.floor-6 .index-from .tips{ width:1200px; margin:0 auto;text-align:left; padding-bottom:35px; color:#fff;}
.floor-6 .index-from .tips h2{ font-weight:normal; font-size:38px; margin:0;}
.floor-6 .index-from .tips h2 span{ font-size:42px; margin-right:10px;}
.floor-6 .index-from .row-2{ width:65%; float:left;}
.floor-6 .index-from .row-3{ width:35%; float:left;}
.floor-6 .index-from .row-2 li{ float:left; width:49%; margin-right:1%;}
.floor-6 .index-from li{ position:relative; padding-left:15px; margin-bottom:10px; background:rgba(255,255,255,0.8);}
.floor-6 .index-from .li_name img{ width:22px; position:absolute; top:19px;}
.floor-6 .index-from .li_tel img{ width:22px; position:absolute; top:19px;}
.floor-6 .index-from .li_area img{ width:22px; position:absolute; top:19px;}
.floor-6 .index-from .li_txt img{ width:22px; position:absolute; top:19px;}
.floor-6 .index-from li label{ position:absolute; left:35px; padding-left:10px; line-height:60px; color:#444; background:none;}
.floor-6 .index-from li .text{ width:100%; padding:0 10px 0 30px; line-height:60px; height:60px;border:none; background:none;}
.floor-6 .index-from li .form_err{ position:absolute; line-height:60px; margin-top:-25px; right:-10px; top:50%; color:#fff;}
.floor-6 .index-from li textarea.text{ height:126px; line-height:60px;}
.floor-6 .index-from li select{color:#444;width:100%;  display:block !important;padding:0 0 0 30px;border:none; height:60px;}
.floor-6 .index-from ol{ padding-top:28px;}
.floor-6 .index-from ol .btn{ border:none; background:url(index-more.png) no-repeat; width:128px; height:30px; color:#fff; cursor:pointer; padding:0 20px 0 0; font-size:16px; line-height:30px;}
.floor-6 .index-from ol .btn:hover{color:#fff; background-image:url(index-more-hover.png);}


.floor-7{ height:auto;}
.floor-7 .bg{ background:url(sp_bg.jpg) no-repeat; height:auto;}
.floor-7 .edit-info{ position:relative; z-index:3; width:54%; margin:0 auto;}

/*index end*/

.TextList002514 .list{}
.TextList002514 .job-title{ line-height:30px; padding:6px 30px 6px 35px; font-size:14px; cursor:pointer; position:relative; background-color:#888888; color:#fff; overflow:hidden; border-bottom:solid 1px #cfcfcf;}
.TextList002514 .job-title i{transform: rotate(45deg); position:absolute; right:60px; top:50%; margin-top:-7px;border-top:solid 2px #9a9a9a; border-right:solid 2px #9a9a9a; width:10px; height:10px;transition:all 0.3s ease;}
.TextList002514 .job-title.select{}
.TextList002514 .job-title.select i{transform: rotate(135deg);}
.TextList002514 .job-title span{ display:block; float:left; width:200px;}
.TextList002514 .job-title span.s1{ width:260px;}
.TextList002514 .job-title span.s2{}
.TextList002514 .job-title span.s3{ width:240px;}
.TextList002514 .job-title span.s4{}
.TextList002514 .job-title span.s5{}
.TextList002514 .list .job-title{ background-color:#fff; color:#555; line-height:38px;}
.TextList002514 .job-main{ display:none; padding:22px 35px; border-bottom:1px dotted #cfcfcf; background-color:#f9f9f9}
.TextList002514 .job-email{ padding:30px 0;}
.TextList002514 .job-email span{ color:#0081cc;}
.TextList002514 .open-pop{ color:#fff; background-color:#ca1524; padding:0px 48px; line-height:37px; display:inline-block;}
.job-hide,.job-hide .center{ display:block; width:0px; height:0px; overflow:hidden;}

.other-info{ min-height:400px;}

.TextList002514{ padding-top:50px;}
.list-links{ padding:70px 100px;}
.list-links li{ font-size:16px; line-height:50px;}
.list-links li::before{ display:inline-block; content:''; vertical-align:middle; margin:0 10px; width:4px; height:4px; background:#555;}
.list-links li:nth-child(2n){ background-color:#f5f5f5;}

.project_tips{ font-size:18px; width:900px; padding:100px 0; margin:0 auto;}
.project_tips p{ color:#c00;}
.project_tips  ul{ overflow:hidden;}
.project_tips li{ float:left; width:31.33333%; margin:1%; text-align:center;}
.project_tips li a{ display:block; line-height:60px; background-color:#f9f9f9; overflow:hidden;height:60px;}

.page404{ text-align:center; background:url(../images/404.jpg) no-repeat center top; height:860px; margin-top:70px;}
.page404 .txt{ color:#000; font-size:45px; padding:443px 0 115px 0;}
.page404 .txt p{ font-size:18px; margin:0; padding-top:10px;}
.page404 .link a{ display:inline-block; border:1px solid #e4e4e4; background:#fff; width:120px; line-height:43px; margin:0 28px; color:#000; font-size:16px; transition:ease-in-out 0.2s;}
.page404 .link a:hover{ background:#d90000; color:#fff;}

.coop-content{ margin-top:-61px;}
#coop-floor-9{ overflow-x:hidden;}
.coop-floor .bg{ min-height:700px; background-position:center top; background-repeat:no-repeat;}
#coop-floor-3 .bg{ min-height:698px;}
.coop-floor .center{ position:relative;}
.coop-floor .edit-info{ color:#333; font-size:16px;}
#coop-floor-5 .bd ul{ z-index:1;}
#coop-floor-5 .bd ul,
#coop-floor-5 .bd li{ width:100%  !important;}
#coop-floor-5 .bd li{ height:700px; background-position:center top; background-repeat:no-repeat;}
#coop-floor-5 .hd{ z-index:10;}
#coop-floor-5 .hd ul{ position:absolute; right:0; bottom:30px; width:200px;}
#coop-floor-5 .hd ul li{ margin-bottom:1px; background:rgba(0,0,0,0.5); color:#fff; position:relative;}
#coop-floor-5 .hd ul li img{ display:none; position:absolute; left:4px; top:4px; right:4px; bottom:4px; z-index:10; height:72px; width:192px;}
#coop-floor-5 .hd ul li.on img{ display:block;}
#coop-floor-5 .hd ul li .txt{ display:table; height:80px; width:100%;}
#coop-floor-5 .hd ul li .txt-cell{ display:table-cell; vertical-align:middle; padding:0 16px;}
#coop-floor-5 .edit-info{ height:700px; overflow:hidden;}
#coop-floor-9 .edit-info{ position:absolute; top:170px; left:0; width:400px;}
#coop-floor-9 .data-big{ float:right; background:url(../images/xianshi.png) no-repeat; width:991px; height:551px; margin-top:83px; margin-right:-120px; position:relative; padding:40px 0 0 123px;}
#coop-floor-9 .data-big img{ width:718px; height:449px;}
#coop-floor-9 .data-big .fancybox{ position:absolute; background:url(../images/fangdajng.png) no-repeat center center rgba(255,255,255,0.2); width:50px; height:50px; right:150px; bottom:41px;}
#coop-floor-9 .data-big .fancybox:hover{ background-color:#c81624;}

#coop-floor-10{ overflow:hidden; height:700px; background:url(../images/social-bg.jpg) no-repeat center top;}
#coop-floor-10 .small-pic{ margin-left:5px; width:960px;}
#coop-floor-10 .small-pic li img{ display:block; width:315px; height:197px;}
#coop-floor-10 .small-pic .bx-wrapper{ position:relative; margin:0 !important;}
#coop-floor-10 .box{ float:left; width:50%;}
#coop-floor-10 .big_img{ float:right; width:960px; height:700px; overflow:hidden;}
#coop-floor-10 .big_img li{ display:none;} 
#coop-floor-10 .big_img li img{ display:block ; height:700px; width:100%;} 
#coop-floor-10 .main{ position:relative; padding:74px 0  0 89px; max-width:600px; height:503px; overflow:hidden;}
#coop-floor-10 .main .title-10{ font-size:36px; color:#333;}
#coop-floor-10 .main .title-10 div{ letter-spacing:5px;}
#coop-floor-10 .main .title-10 span{ display:inline-block; height:45px; border-bottom:3px solid #0081cc;}
#coop-floor-10 .tab dl{ overflow:hidden; margin:16px 0;}
#coop-floor-10 .tab dd{ float:left; margin-right:35px;color:#ececec;   cursor:pointer; }
#coop-floor-10 .tab dd span{border-bottom:2px solid transparent; font-size:72px;font-family:"微软雅黑"; font-weight:bold;}
#coop-floor-10 .tab dd:hover,
#coop-floor-10 .tab dd.on{color:#efd8d9; }
#coop-floor-10 .tab dd span{ display:inline-block; height:75px;font-family:"微软雅黑";}
#coop-floor-10 .tab dd:hover span,
#coop-floor-10 .tab dd.on span{border-bottom-color:#0081cc;}
#coop-floor-10 .edit-info{ color:#555; line-height:24px;}

#coop-floor-11{ background:url(../images/coop_bg1.jpg) no-repeat center top; height:780px;}
#coop-floor-11 .title{ text-align:center; padding-top:150px; font-size:30px; color:#333;}
#coop-floor-11 .title div{ font-size:36px; padding-bottom:15px;}
#coop-floor-11 .title div span{ height:45px; display:inline-block; border-bottom:3px solid #0081cc;}
#coop-floor-11 .time{ text-align:center; font-size:24px; color:#0081cc; padding:50px 0 90px 0;}
#coop-floor-11 .time img{ height:34px;}
#coop-floor-11 .from{ width:688px; margin:0 auto;}
#coop-floor-11 .from dd{ position:relative; float:left; padding-left:30px; background-position:left center; background-repeat:no-repeat; width:184px; margin-bottom:32px;}
#coop-floor-11 .from dd .form_err{ position:absolute; right:-15px; color:#f00; top:0; font-size:12px; line-height:40px;}
#coop-floor-11 .from dd.d_1{ background-image:url(../images/icon_coop_1.png);}
#coop-floor-11 .from dd.d_2{ background-image:url(../images/icon_coop_2.png);}
#coop-floor-11 .from dd.d_3{ background-image:url(../images/icon_coop_3.png);}
#coop-floor-11 .from dd.d_4{ background-image:url(../images/icon_coop_4.png);}
#coop-floor-11 .from dd.d_5{ background-image:url(../images/icon_coop_5.png);}
#coop-floor-11 .from dd.d_6{ background-image:url(../images/icon_coop_6.png);}
#coop-floor-11 .from dd.d_7{ background-image:url(../images/icon_coop_7.png);}
#coop-floor-11 .from dd.d_2,
#coop-floor-11 .from dd.d_5{ margin:0 62px;}
#coop-floor-11 .from dd label{ position:absolute; left:30px; color:#999;line-height:40px;}
#coop-floor-11 .from dd select,
#coop-floor-11 .from dd .text{ height:40px;width:100%; border:none; border-bottom:1px solid #999; }
#coop-floor-11 .from dd select{display:block !important; color:#999;}
#coop-floor-11 .from dd .text{ background:none; line-height:40px;}
#coop-floor-11 .from dt{ text-align:center;}
#coop-floor-11 .from dt .btn{ border:none; height:40px; line-height:40px; font-size:18px; color:#fff; background:url(../images/pop-btn.png) no-repeat right center; padding:0 40px 0 0; cursor:pointer; width:170px;}
#coop-floor-11 .from dt .btn:hover{ background-image:url(../images/pop-btn_hover.png);}
.online_apply #coop-floor-11{ background-image:url(../images/onlinebg.jpg);}
.online_apply #coop-floor-11 .title{ padding:0; height:337px;}
.online_apply #coop-floor-11 .time{ padding:0 0 46px 0; color:#fff;}
.online_apply #coop-floor-11 .time img{ height:23px;}
/*.online_apply #coop-floor-11 .from dd .form_err{ position:absolute; right:-10px; color:#f00; top:0; font-size:12px; line-height:40px;}*/
.online_apply #coop-floor-11 .from dd select,
.online_apply #coop-floor-11 .from dd .text{ border-bottom-color:#555;}
.online_apply #coop-floor-11 .from dd .text{ color:#fff;}
.online_apply #coop-floor-11 .from dd.d_1{ background-image:url(../images/pop-icon01.png);}
.online_apply #coop-floor-11 .from dd.d_2{ background-image:url(../images/pop-icon02.png);}
.online_apply #coop-floor-11 .from dd.d_3{ background-image:url(../images/pop-icon012.png);}
.online_apply #coop-floor-11 .from dd.d_4{ background-image:url(../images/pop-icon03.png);}
.online_apply #coop-floor-11 .from dd.d_5{ background-image:url(../images/pop-icon03_1.png);}
.online_apply #coop-floor-11 .from dd.d_6{ background-image:url(../images/pop-icon03_2.png);}
.online_apply #coop-floor-11 .from dd.d_7{ width:98.5%; background-image:url(../images/pop-icon04.png);}

/*编辑器样式*/
.btn_90{ width:245px; line-height:50px; display:block; margin:0 auto; color:#fff; font-size:18px; background:url(../images/coop-btn.png) no-repeat; padding-left:50px; text-align:left; margin-top:20px;}
.btn_90:hover{ color:#fff;background-image:url(../images/coop-btn_hover.png)}
.info-column-13{ position:absolute; background:url(../images/info-column-13.png) no-repeat center top;  right:0; top:0; height:0; overflow:hidden; transition:height 0.3s ease-in-out; }
.info-column-13 span{ display:block; line-height:37px;font-size:18px; padding-top:37px;}
.coop-floor-show .info-column-13{ height:177px;}
#coop-floor-3 .info-column-13,
#coop-floor-7 .info-column-13,
#coop-floor-9 .info-column-13,
#coop-floor-5 .info-column-13{color:#fff; right:auto; left:0;}
#coop-floor-2.coop-floor-show .info-column-13{ height:221px;}
#coop-floor-3.coop-floor-show .info-column-13{ height:150px; }
#coop-floor-4.coop-floor-show .info-column-13{ height:158px;}
#coop-floor-7.coop-floor-show .info-column-13{ height:138px; }
#coop-floor-10.coop-floor-show .info-column-13{ height:163px; }
#coop-floor-5 .info-column-13{z-index:20; top:-700px;}
#coop-floor-6 .info-column-13{ right:25px;}
#coop-floor-6.coop-floor-show .info-column-13{ height:208px; right:25px;}

.ul_info_92{ float:right; width:900px; margin-top:-223px;}
.ul_info_92 li{ float:left; width:300px; height:200px; overflow:hidden; position:relative;}
.ul_info_92 li img{ display:block; width:100%; height:200px;}
.ul_info_92 li .hover{ text-align:center; position:absolute; left:0; width:100%; background:rgba(0,0,0,0.5); color:#fff; line-height:40px; bottom:0; z-index:11; font-size:14px;}

.ul_info_93{ position:relative; width:600px; z-index:10;}
.ul_info_93 li.first{ position:absolute; left:-200px;}
.ul_info_93 li{ width:200px; height:200px; float:left; text-align:center; font-size:16px;}
.ul_info_93 li.bgcolor{ background:#eee;}
.ul_info_93 li.b-txt b{ font-size:48px;}
.ul_info_93 li b{ display:block; color:#e9d9d9; line-height:100px; font-size:72px;}
.ul_info_93 li div{ padding:0 20px;}
.ul_info_93 li span{ color:#c92a32; font-size:18px; font-weight:bold;}

.ul_info_96 li{ float:left; width:294px; height:255px; background:url(li_hover.png) no-repeat right top; margin-left:-68px; text-align:center; padding:0 50px;}
.ul_info_96 li.li_1{ margin-left:0;}
.ul_info_96 li.li_2,
.ul_info_96 li.li_4{ margin-top:128px;}
.ul_info_96 li p{ font-size:14px; margin:0; line-height:24px;}
.ul_info_96 li p.tit{ font-size:16px; color:#0081cc; padding-bottom:12px; font-weight:bold;}
.ul_info_96 li aside{ padding-top:35px;}
.ul_info_96 li aside .off{ display:none;}
.ul_info_96 li:hover{ background-position:left top;}
.ul_info_96 li:hover aside img{ display:none;}
.ul_info_96 li:hover aside img.off{ display:inline-block;}
.ul_info_96 li:hover,
.ul_info_96 li:hover p.tit{ color:#fff;}




.clear{ clear:both;}
.ul_info_996{padding-bottom:100px;}
.ul_info_996 li{ width:100%; height:100px; margin-bottom:40px; text-align:left; padding:0 50px; background:#dff2fc; border-radius:15px;}
.ul_info_996 li .tit{ display:table; font-size:14px; margin:0; height:100px;}
.ul_info_996 li .tit01{ width:12%; float:left; font-size:70px; text-align:center; color:#0081cc;}
.ul_info_996 li .tit02{ width:16%; float:left; position:relative;}
.ul_info_996 li .tit03{ width:70%; float:left;}
.ul_info_996 li .tit03 p{font-size:16px; color:#000; display:table-cell; vertical-align:middle;}
.ul_info_996 li .tit03 p span{ font-size:12px; color:#666;}
.ul_info_996 li .tit02 .off{ display:none;}
.ul_info_996 li .tit02 img{ width:120px; margin:0 auto; margin-top:-10px; border:2px solid #0081cc; border-radius:50%; background:#fff;}
.ul_info_996 li:hover{ background:#0081cc;}
.ul_info_996 li:hover .tit02 img{ display:none;}
.ul_info_996 li:hover .tit02 img.off{ display:inline-block;}
.ul_info_996 li:hover,
.ul_info_996 li:hover .tit01,.ul_info_996 li:hover .tit03 p,.ul_info_996 li:hover .tit03 p span{ color:#fff;}

.ul_info_997{padding-bottom:100px;}
.ul_info_997 li{ width:100%; height:100px; margin-bottom:40px; text-align:left; padding:0 50px;border-radius:15px;}
.ul_info_997 li .tit{ display:table; font-size:14px; margin:0; height:100px;}
.ul_info_997 li .tit01{ width:6%; float:left; font-size:70px; text-align:center; color:#0081cc;}
.ul_info_997 li .tit03{ width:94%; float:left; padding-left:4%; background:#fff; border-radius:15px; position:relative; }
.ul_info_997 li .tit03 p{ width:100%;font-size:16px; color:#000;}
.ul_info_997 li .tit03 .p1{ width:100%;font-size:18px; font-weight:bold; color:#0081cc;}
.ul_info_997 li .tit03 .p2{ width:100%;font-size:14px; color:#333; }
.ul_info_997 li .tit03 p span{ font-size:12px; color:#666;}
.ul_info_997 li:hover .tit03{ background:#0081cc; border-radius:15px;}
.ul_info_997 li:hover,.ul_info_997 li:hover .tit03 p,.ul_info_997 li:hover .tit03 p span{ color:#fff;}

.ul_info_998{padding-bottom:100px;}
.ul_info_998 li{ width:100%; height:60px; margin-bottom:40px; text-align:center;}
.ul_info_998 li .table{ background:#0081cc; border-radius:15px;}
.ul_info_998 li .jm_icon{ margin-top:-2px;}
.ul_info_998 li .tit{ display:table; font-size:14px; margin:0; height:60px;}
.ul_info_998 li .tit03{ width:100%;}
.ul_info_998 li .tit03 p{font-size:20px; font-weight:bold; color:#fff; display:table-cell; vertical-align:middle;}
.ul_info_998 li:hover .table{ background:#038cdb; border-radius:15px;}
.ul_info_998 li:hover,.ul_info_998 li:hover .tit03 p,.ul_info_998 li:hover .tit03 p span{ color:#fff;}



.ul_info_98{ margin-top:24px;}
.ul_info_98 li{ font-size:14px;color:#555; padding-bottom:10px;}
.ul_info_98 li aside{color:#0081cc;font-size:36px;font-weight:bold;}
.ul_info_98 li aside span{ font-size:48px; }

/*编辑器样式 end*/

.no-animated{ opacity:0;}
.animated{ opacity:1;}

.smsForm .con{ margin:0 auto; width:340px; color:#fff; font-size:16px;}
.smsForm .con p{ border-bottom:1px solid #999; margin:0 0 10px 0; padding-bottom:10px;}
.smsForm .con .text { border: none; line-height: 40px; height: 40px; width: 44%; background: none; color: #666;}
.smsForm .con .send{ color:#fff; background-color:#0081cc; cursor:pointer; border:none; padding:0 px 5px;}
.smsForm .con .btn { border:none; display:inline-block; text-align:center; width:153px; line-height:36px; color:#fff;  padding-right:40px;}
.smsForm .con .sendsms{  background:url(../images/pop-btn.png) no-repeat right center;}
.smsForm .con .closeform{ background:url(../images/pop-btn_hover.png) no-repeat right center;}
.smsForm .con .yzzz{ background:url(../images/pop-btn.png) no-repeat right center;cursor: pointer;}
/*.prod-Other .animated{animation-duration:0.5s;}*/
.product-animated .img,
.product-animated .p1,
.product-animated .p2{opacity:0;  transition-delay: 0s;}
.product-animated .p1{transform:translate3d(0,20px,0);transition-duration: 1s;}
.product-animated .p2{transform:translate3d(0,40px,0);transition-duration: 1.2s;}
.product-animated .img{transform:translate3d(0,60px,0);transition-duration: 1.4s;}
.product-animated.hoverClass .img,
.product-animated.hoverClass .p1,
.product-animated.hoverClass .p2{opacity:1;transform:translate3d(0,0,0)}

.Intro-content .floor-5 .edit-info{ height:780px;}
.Intro-content .floor-5 .bg{background-repeat:no-repeat; background-position:center center; background-size:cover; background-attachment:fixed; }
#Intro-content-1 .bg{ min-height:697px;}
#Intro-content-3 .bg{ background-position:center top; background-repeat:no-repeat;}
#Intro-content-3 .center{ height:700px;}
#Intro-content-3 .list-con{ height:627px; overflow:hidden; padding-top:106px;}
#Intro-content-3 .list-tab dd{ float:left; cursor:pointer; line-height:38px; padding:0 25px; min-width:160px; text-align:center; font-weight:bold; font-size:16px; color:#fff; border:1px solid #494d61; background:#494d61; margin-right:2px;}
#Intro-content-3 .list-tab dd.on{ background:none;}

#Intro-content-4{  position:relative;}
#Intro-content-4 .list-img{ width:100%; top:0;}
#Intro-content-4 .list-img dl{ float:left; margin:0 0.25%;}
#Intro-content-4 .list-img dd{ margin-top:1px; position:relative;}
#Intro-content-4 .list-img dd a{ position:absolute; z-index:10; background:url(../images/open_video_63.png) no-repeat center center; width:100%; height:100%;}
#Intro-content-4 .list-img dd::before{ position:absolute; content:''; width:100%; height:100%; background:rgba(0,0,0,0.38); transition:0.3s;}
#Intro-content-4 .list-img dd:hover::before{ opacity:0;}
#Intro-content-4 .list-img dd img{ width:100%; height:auto; display:block;}
#Intro-content-4 .list-img dl.dl_1 dd img,
#Intro-content-4 .list-img dl.dl_4 dd img{ width:100%; height:auto;}
#Intro-content-4 .list-img dl.dl_1{ width:24.5%;}
#Intro-content-4 .list-img dl.dl_2{ width:24.5%;}
#Intro-content-4 .list-img dl.dl_3{ width:24.5%;}
#Intro-content-4 .list-img dl.dl_4{ width:24.5%; margin-right:0;}
#Intro-content-4 .list-img .videosamewidth{ max-width:800px; display:block;}

#Intro-content-4 .list-img dl dd{ width:100%; height:100%; position:relative;}
#Intro-content-4 .list-img dl dd img{ width:100%; height:100%;}

#Intro-content-5{ color:#333; background:url(../images/social-bg.jpg) repeat-y center top; padding-bottom:110px;}
#Intro-content-5 .title{ text-align:center; font-size:36px; padding:70px 0 61px 0; letter-spacing:6px;}
#Intro-content-5 .list{ overflow:hidden;}
#Intro-content-5 .list .box{ float:left; width:50%;}
#Intro-content-5 .list .box-img{ height:500px; position:relative;}
#Intro-content-5 .list .box-img aside{ position:absolute; right:0; top:0; width:100px; text-align:center; line-height:100px; font-size:60px; color:#0081cc;font-family:"微软雅黑"; z-index:10;background:rgba(255,255,255,0.9);}
#Intro-content-5 .list_odd .box-img aside{ right:auto; left:0;}
#Intro-content-5 .list .img-group{ float:right; width:960px;}
#Intro-content-5 .list_odd .img-group{ float:none;}
#Intro-content-5 .list .bx-wrapper{ position:relative; z-index:1; height:500px;}
#Intro-content-5 .list .bx-viewport{ z-index:1;}
#Intro-content-5 .list .bx-pager{ position:absolute; left:0; width:100%; z-index:10; bottom:20px; text-align:center;}
#Intro-content-5 .list .bx-pager > div{ width:12px; height:12px; display:inline-block; margin:0 4px;}
#Intro-content-5 .list .bx-pager > div a{ display:block;height:12px; display:block; line-height:1000px; overflow:hidden; border-radius:50%; background:rgba(255,255,255,0.5);}
#Intro-content-5 .list .bx-pager > div a.active{ background:#0081cc;}
#Intro-content-5 .box-txt .edit-info{ padding:67px 98px 0 98px; position:relative; min-height:500px; width:600px;}
#Intro-content-5 .list_odd .box-txt .edit-info{ float:right;}
#Intro-content-5 .box-txt .edit-info::before{ position:absolute; left:0; top:80px; width:80px; height:1px; background:#999; content:'';}
#Intro-content-5 .list_odd .box-txt .edit-info::before{ left:auto; right:0;}



.clear {clear: both; }
.f-cb {zoom: 1; }
.f-cb:after {display: block;height: 0;clear: both;visibility: hidden;overflow: hidden;content: "."; }
.fl {float: left;display: inline; }
.fr {float: right;display: inline; }
.w1200{ width:1280px; margin:0 auto;}
  
.brand-box .ft50 {font-size: .45rem;}
.brand-box .ft50 span{font-size: .45rem; font-size:48px;}
.con-banner .ft72 {font-size:72px;}
.con-banner .ft24 {font-size:24px;}
  
.con-banner {position: relative;overflow: hidden;}
.con-banner .serve-words {color: #fff;line-height: 1.1;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;height: 115px;}
.con-banner .serve-words .cnm {margin-top: 23px;}



.con-banner .con-tit {line-height: 80px;position: absolute;width: 100%;bottom: 0;left: 0; background:rgba(0,129,204,0.3);}
.con-banner .con-tit .conbox a {display: block;color: #ffffff;}
.con-banner .con-tit .conbox .n_nav li {float: left; font-size: 17px;color: #fafafa;text-align: center;transition: .5s ease-in-out;}
.con-banner .con-tit .conbox .n_nav li a{ padding:0 35px;font-size: 17px;color: #fafafa;}

.con-banner .con-tit .conbox .items:hover a, .con-banner .con-tit .conbox .active a {background: #0081cc;transition: .5s ease-in-out;}
.con-banner .con-tit .conbox .items img {display: inline-block;vertical-align: middle;}

.con-banner .images {height: 675px;position: relative;}
.con-banner .images:after {position: absolute;width: 100%;left: 0;bottom: 0;height: 148px;content: "";background: url(bg.png) no-repeat bottom;background-size: cover;}
.con-banner .words {width: 100%;line-height: 1;text-align: center;height: 167px;position: absolute;top: 0;bottom: 0;margin: auto;color: #ffffff;}
.con-banner .words .en {margin-top: 15px;line-height: 1;}
.con-banner .words .span {width: 12px;height: 20px;background: url(o15.png) no-repeat center;background-size: 100%;margin: 0 auto;margin-top: 60px;}


.con-banner .con-tit.con-titswiper .conbox .items {width: 100%;float: none;}

.brand-box .items {position: relative;}
.brand-box .items .br {position: absolute;left: 0;top: -70px;}

.con-banner .brand-words {position: absolute;line-height: 1;height: 100px;top: 0;left: 0;right: 0;bottom: 0;margin: auto;color: #fff;}
.con-banner .brand-words .en {text-transform: uppercase;margin-top: 15px;}

.brand-box .item0 {padding-top:90px;padding-bottom: 175px;box-sizing: border-box;height: 1250px;position: relative;}
.brand-box .item0 .tit {line-height: 1;}
.brand-box .item0 .item0-words {position: relative;z-index: 3;}

.brand-box .item0 .words {margin-top: 40px;width: 1280px;}
.brand-box .item0 .words .t0 {font-weight: bold;color: #1a1a1a;line-height: 1;}
.brand-box .item0 .words .t1 {line-height: 30px;margin-top: 15px;}
.brand-box .item0 .ul {margin-top: 25px;}
.brand-box .item0 .ul .li {line-height: 1;float: left;padding: 0 50px;border-left: 1px solid #dcdcdc;box-sizing: border-box;}
.brand-box .item0 .ul .li:nth-child(1) {border-left: none;padding-left: 0;}
.brand-box .item0 .ul .li1 .t1 {padding-right: 35px;box-sizing: border-box;}
.brand-box .item0 .ul .li2 .t1 {padding-right: 90px;box-sizing: border-box;}
.brand-box .item0 .ul .t0 {font-size: 16px;color: #0081cc;}
.brand-box .item0 .ul .t1 {color: #0081cc;font-size: 50px;height: 100px;line-height: 100px;margin-top: 15px;margin-bottom: 10px;position: relative;}
.brand-box .item0 .ul .t1 .jia {position: absolute;right: 0;top: 0;bottom: 0;margin: auto;}
.brand-box .item0 .ul .t1 .num {font-family: 'beba';font-size: 80px;display: inline-block;}
.brand-box .item0 .ul .t2 {font-size: 16px;text-align: center;color: #666666;}


.brand-box .item6 {padding-top:90px;padding-bottom: 175px;box-sizing: border-box;position: relative;}
.brand-box .item6 .tit {line-height: 1;}
.brand-box .item6 .item6-words {position: relative;z-index: 3;}

.brand-box .item6 .words {margin-top: 60px;width: 1280px;}
.brand-box .item6 .words .t0 {font-weight: bold;color: #1a1a1a;line-height: 1;}
.brand-box .item6 .words .t1 {line-height: 30px;margin-top: 15px;}


.brand-box .items .line {width: 85px;height: 2px;background: #535353;margin: 40px 0;}

.fa {background: #fafafa;}

.brand-box .item1 {height: 830px;margin-top: -24px;padding-top: 24px;box-sizing: border-box;position: relative;z-index: 2;}

.brand-box .gallery {position: relative;}
.brand-box .gallery .gallery-line {border-top: 1px solid #aaa7a4;position: absolute;width: 100%;top: 70px;left: 0;}
.brand-box .gallery-thumbs {text-align: center;}
.brand-box .gallery-thumbs .swiper-wrapper {margin-left:-280px;}
.brand-box .gallery-thumbs .swiper-slide-active .nian:after {opacity: 1;transition: .5s ease-in-out;}
.brand-box .gallery-thumbs .swiper-slide-active .nian .span span:after {width: 100%;height: 100%;background: #0081cc;}
.brand-box .gallery-thumbs .nian {font-size: 18px;line-height: 1;color: #0081cc;cursor: pointer;padding-top: 70px;box-sizing: border-box;position: relative;}
.brand-box .gallery-thumbs .nian:after {content: "";position: absolute;width: 38px;height: 42px;background: url(i13.png) no-repeat center;background-size: 100%;top: 0;left: 0;right: 0;margin: auto;transition: .5s ease-in-out;opacity: 0;}
.brand-box .gallery-thumbs .nian .span {padding-top: 30px;box-sizing: border-box;position: relative;}
.brand-box .gallery-thumbs .nian .span span {width: 16px;height: 16px;display: block;border-radius: 50%;position: absolute;top: -8px;left: 0;right: 0;margin: auto;}
.brand-box .gallery-thumbs .nian .span span:after {position: absolute;width: 9px;height: 9px;content: "";top: 0;left: 0;right: 0;bottom: 0;background: #959595;border-radius: 50%;margin: auto;transition: .5s ease-in-out;}

.brand-box .item1-box .i-li {padding-top: 120px;box-sizing: border-box;}
.brand-box .item1-box .words {width:100%;line-height: 1;}
.brand-box .item1-box .words .t1 {text-transform: uppercase;font-size: 75px;color: rgba(123, 106, 119, 0.09);white-space: nowrap;line-height: .7;margin-bottom: 3%;}
.brand-box .item1-box .words .p {width: 100%;}

.brand-box .item1-box .images {width: 470px;height: 460px;position: relative;}
.brand-box .item1-box .images .i0 {position: absolute;left: 0;top: 0;right:0;bottom:0;margin: auto;max-width:100%;}


.brand-box .item2 {height: 805px;}
.brand-box .item2-box {line-height: 1;padding-top: 95px;box-sizing: border-box;}
.brand-box .item2-box .csm {margin-top: 25px;}

.brand-box .item2-box .cmore .right {font-size: 16px;color: #333333;margin-top: -15px;margin-bottom: 36px;transition: .5s ease-in-out;}
.brand-box .item2-box .cmore .right:hover {color: #1dbab9;transition: .5s ease-in-out;}
.brand-box .swiperbox {text-align: center;}
.brand-box .swiperbox .swiper-button-prev, .brand-box .swiperbox .swiper-button-next {
  display: inline-block;position: static;margin: 0;width: 65px;height: 65px;border: 1px solid #cccccc;box-sizing: border-box;border-radius: 50%;margin: 0 9px;transition: .5s ease-in-out;
}
.brand-box .swiperbox .swiper-button-prev:hover, .brand-box .swiperbox .swiper-button-next:hover {transition: .5s ease-in-out;border-color: #0081cc;}
.brand-box .swiperbox .swiper-button-prev {background: url(a9.png) no-repeat center;background-size: 100%;}
.brand-box .swiperbox .swiper-button-prev:hover{background: url(a10.png) #0081cc no-repeat center;background-size: 100%;}
.brand-box .swiperbox .swiper-button-next {background: url(a7.png) no-repeat center;background-size: 100%;}
.brand-box .swiperbox .swiper-button-next:hover {background: url(a8.png) #0081cc no-repeat center;background-size: 100%;}
.brand-box .item2-swiper .swiperbox {margin-top: 35px;}
.brand-box .item2-swiper .itemso {background: #fff;width: 100%;padding: 38px 25px;padding-bottom: 30px;box-sizing: border-box;}
.brand-box .item2-swiper .itemso .images {width: 300px;height: 250px;overflow: hidden;}
.brand-box .item2-swiper .itemso .images img{width: 300px;height: 220px;}
.brand-box .item2-swiper .itemso .words {font-size: 15px;color: #333333;padding-top: 15px;border-top: 1px solid #e8e8e8;box-sizing: border-box;margin-top: 15px;}
.brand-box .item2-swiper .itemso .words .span {height: 18px;line-height: 18px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;position: relative;}


.brand-box .item4 {height: 650px;position: relative;text-align: center;}
.brand-box .item4 .images {height: 100%;}
.brand-box .item4 .words {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;font-size: 20px;color: #ffffff;width: 110px;height: 140px;line-height: 1;cursor: pointer;}
.brand-box .item4 .words .i {width: 83px;height: 83px;background: url(i16.png) no-repeat center;background-size: 100%;margin: 0 auto;position: relative;}
.brand-box .item4 .words .span {margin-top: 25px;}

.brand-box .item3 {position: relative;}
.brand-box .item3 .pcimg {height: 885px;}

.brand-box .item3 .words {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 8;color: #fff;}
.brand-box .item3 .words .xian {position: absolute;bottom: 120px;left: 0;width: 500px;height: 75px;}
.brand-box .item3 .item3-words {line-height: 1;padding-top: 100px;box-sizing: border-box;}
.brand-box .item3 .item3-words .csmbox {margin-top: -20px;}
.brand-box .item3 .item3-words .csmbox span,.brand-box .item3 .item3-words .csmbox em {font-size: 36px;color: #fff;font-family: Arial; font-style: normal;}
.brand-box .item3 .item3-words .csm {width: 540px;line-height: 35px;}
.brand-box .item3 .item3-words .s-more {width: 188px;height: 46px;background: url(i19.png) no-repeat center;background-size: 100%;display: block;font-size: 20px;color: #fff;line-height: 46px;text-align: center;}


.brand-box .item5 {position: relative;}
.brand-box .item5 .pcimg {height: 885px;}
.brand-box .item5 .words {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 8;}
.brand-box .item5 .words .xian {position: absolute;top: 0;left: 0;width: 500px;height: 75px;}
.brand-box .item5 .item5-words {line-height: 1;padding-top: 100px;box-sizing: border-box;}
.brand-box .item5 .item5-words .csmbox {margin-top:-20px;}
.brand-box .item5 .item5-words .csmbox span,.brand-box .item5 .item5-words .csmbox em {font-size: 36px;color: #fff;font-family: Arial; font-style: normal;}
.brand-box .item5 .item5-words .csm {width: 540px;line-height: 35px;}
.brand-box .item5 .item5-words .s-more {width: 188px;height: 46px;background: url(i19.png) no-repeat center;background-size: 100%;display: block;font-size: 20px;color: #fff;line-height: 46px;text-align: center;}



.video-fixed {position: fixed;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 120;top: 0;left: 0;cursor: pointer;display: none;}
.video-fixed .videoboxs .box {height: 100%;}
.video-fixed .cha {width: 25px;height: 25px;background: url(i8.png) no-repeat center;background-size: 100%;position: absolute;right: 5px;top: 5px;}
.video-fixed .videoboxs {width: 80%;height: 80%;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;background: #000;box-sizing: border-box;}

 
.ft16{ font-size:16px;}
.ft18{ font-size:16px;}


.history-Content{ height:840px; position:relative; overflow:hidden;}
.history-Content .bg{ z-index:0; position:absolute; left:0; top:0; width:100%; height:100%;}
.history-Content .history-con{ padding-top:190px; padding-left:483px; color:#fff;}
.history-Content .history-con .tit{font-family:"微软雅黑"; font-size:100px; padding-left:56px; margin:0;}
.history-Content .history-con .edit-info{ height:374px; overflow:hidden;}
.history-Content .slick-slider{position: relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent; z-index:10;}
.history-Content .slick-list{position: relative;overflow: hidden;z-index:10;}
.history-Content .slick-slider .slick-track,
.history-Content .slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.history-Content .slick-track{position: relative;top: 0;left: 0;}
.history-Content .slick-slide{display: none;float: left;min-height: 1px;}
.history-Content .slick-initialized .slick-slide{display: block;}
.history-Content .slick-loading .slick-track{visibility: hidden;}
.history-Content .slick-loading .slick-slide{visibility: hidden;}
.history-Content .slick-loading .slick-list{background: url(../images/ajax-loader.gif) center center no-repeat;}
.history-Content .slick-arrow.slick-hidden{ display:none;}
.history-Content .slider-nav{ position:absolute;  bottom:66px; text-align:center; width:100%;left:0; overflow:hidden; height:77px;}
.history-Content .slider-nav .slick-list{width:1200px;margin:0 auto;}
.history-Content .slider-nav li{ cursor:pointer; position:relative; /*background:url(../images/yearbg.png) repeat-x 6px 54px;*/ float:left; width:191px;}
.history-Content .slider-nav::after{ position:absolute; content:''; width:100%; left:0; height:1px; background:#373737; bottom:20px;}
.history-Content .slider-nav::before{ position:absolute; content:''; width:100%; left:0; height:5px; background:url(../images/yearbg.png) repeat-x 6px center; bottom:18px;}
.history-Content .slider-nav li.slick-current{ color:#0081cc;}
.history-Content .slider-nav li h5{ margin:0;font-size:16px; color:#555;font-family:"微软雅黑"; padding-bottom:58px; position:relative; z-index:2;}
.history-Content .slider-nav li h5::before,
.history-Content .slider-nav li h5::after{ position:absolute;  left:50%; background:#373737;bottom:0;}
.history-Content .slider-nav li h5::before{ content:'';width:10px; height:10px; margin-left:-5px; bottom:16px; }
.history-Content .slider-nav li h5::after{ width:1px; height:40px;margin-left:-1px;}
.history-Content .slider-nav li.slick-current h5::after{content:''; background:#0081cc;}
.history-Content .slider-nav li.slick-current h5::before{ background:#0081cc;}
.history-Content .slider-nav li.slick-current h5{ color:#0081cc;}
.history-Content .slick-arrow{ position:absolute; width:40px; height:40px; background:#505050; bottom:2px; border:none; font-size:0; z-index:15; padding:0; cursor:pointer;}
/*.history-Content .slick-arrow.slick-disabled{ display:none !important;}*/
.history-Content .slick-arrow::before{ position:absolute; content:''; width:20px; height:20px; left:50%; top:50%; transform:rotate(-45deg); margin-top:-10px; margin-left:-14px;}
.history-Content .slick-prev{ left:50%; margin-left:-600px;}
.history-Content .slick-next{ right:50%; margin-right:-600px;}
.history-Content .slick-prev::before{border-left:3px solid #999; border-top:3px solid #999;  margin-left:-6px;}
.history-Content .slick-next::before{border-right:3px solid #999; border-bottom:3px solid #999;}
.history-Content .slick-arrow:hover{ background:#0081cc;}
.history-Content .slick-arrow:hover::before{ border-color:#fff !important;}


.project-classic{ overflow:hidden;}
#ninja-slider{ width:1920px; height:745px; position:relative; left:50%; margin-left:-960px;}
#ninja-slider .slick-slider{position: relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent; z-index:10;}
#ninja-slider .slick-list{position: relative;overflow: hidden;z-index:10;}
#ninja-slider .slick-slider .slick-track,
#ninja-slider .slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
#ninja-slider .slick-track{position: relative;top: 0;left: 0;}
#ninja-slider .slick-slide{display: none;float: left;min-height: 1px;}
#ninja-slider .slick-initialized .slick-slide{display: block;}

#ninja-slider .slick-arrow.slick-hidden{ display:none;}
#ninja-slider .slider-for{width:900px; height:600px; margin:0 auto 5px;}
#ninja-slider .slider-for li{ position:relative;}
#ninja-slider .slider-for li img{width:900px; height:600px; display:block;}
#ninja-slider .slider-for li b{ position:absolute; left:0;width:100%;bottom:0;bbackground: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 98%, rgba(0,0,0,0.9) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 98%,rgba(0,0,0,0.9) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 98%,rgba(0,0,0,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
    text-align: center;
    padding: 10px;
    color: #fff;
    font-size: 14px;}


#ninja-slider .slider-for .slick-arrow{   position: absolute;
    width:50px;
    height:50px;
    top: 50%; left:50%; margin-left:-520px;
    margin-top:-25px;
    background-color:rgba(255,255,255,0.3);
    z-index:10;
    font-size:0; border:none;
    cursor:pointer;}
#ninja-slider .slider-for .slick-next{ margin-left:470px;}
#ninja-slider .slider-for .slick-arrow::before{position: absolute;
    top: 15px; left:50%;
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    border-left: 2px solid white;
    border-top: 2px solid white;transform:rotate(135deg); margin-left:-15px;
}
#ninja-slider .slider-for .slick-prev::before{  transform:rotate(-45deg);margin-left:-5px;}

#ninja-slider .slider-nav{ }
#ninja-slider .slider-nav li{ float:left; width:220px; text-align:center;}

#ninja-slider .slider-nav li img{width:210px;height:140px; }
/*#ninja-slider .slider-nav li.slick-center canvas{ opacity:0;}*/

#ninja-slider .ninja-arrow{position:absolute; height:600px; width:900px; overflow:hidden;}
#ninja-slider .ninja-arrow::after{ position:absolute; content:''; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3); z-index:10;}
#ninja-slider .ninja-arrow img{ display:block; width:900px; height:600px;}
#ninja-slider .ninja-left{ right:50%; margin-right:455px; text-align:right;}
#ninja-slider .ninja-right{  left:50%; margin-left:455px;}

/*! Gray v1.6.0 (https://github.com/karlhorky/gray) | MIT */
.grayscale
{
  filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");
  -webkit-filter:grayscale(1);
  filter:grayscale(1);
 filter:gray
 }
.grayscale.grayscale-fade{transition:filter .5s}
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .grayscale.grayscale-fade{-webkit-transition:-webkit-filter .5s;transition:-webkit-filter .5s}
    }
    .grayscale.grayscale-fade:hover,
    .grayscale.grayscale-off{-webkit-filter:grayscale(0);filter:grayscale(0)}
    .grayscale.grayscale-replaced{-webkit-filter:none;filter:none}
    .grayscale.grayscale-replaced>svg{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}
    .grayscale.grayscale-replaced.grayscale-fade:hover>svg,
    .grayscale.grayscale-replaced.grayscale-off>svg{opacity:0}
    
    #ninja-slider .slider-nav li.slick-center .grayscale{filter: url("data:image/svg+xml;utf8"); 
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    filter: ;}
    #ninja-slider .slider-nav li.slick-center .grayscale-replaced.grayscale > svg{ display:none;}






.index-banner {background:#fff;}